Scrimba에서 JavaScript 무료 과정을 마쳤습니다.

마침내 Scrimba에서 긴 7시간 플러스 코스를 마쳤습니다.

제가 소프트웨어 엔지니어링 학생이고 WebApp 개발자가 되는 것에 대해 생각해 본 적이 없기 때문에 기본 학습을 시작하기에는 조금 늦은 것일 수도 있습니다. 그래도 안 되는 것보다는 늦는 것이 낫겠죠? 글쎄 적어도 나는 그렇게 생각한다 다른 사람들에 대해 모른다 :3 hhh



나는 Per가 이 과정을 가르치는 방식이 정말 즐거웠다고 생각합니다. 이렇게 열정적인 성격을 가진 선생님은 본 적이 없습니다! 그의 열정 덕분에 이 과정을 계속 진행할 수 있었고 이 플랫폼을 만나게 된 것을 축복으로 생각합니다. 내 최종 목표는 Angular와 나중에 일부 백엔드 개발자를 배우는 것이지만 그들을 위한 과정이 없는 것 같습니다.

내가 정말로 배우고 있다고 느끼게 만든 것은 JavaScript를 사용하여 정적 웹 페이지를 동적으로 조작할 수 있는 방법입니다!! 너무 놀랐고 와우 멋지다! JavaScript와 약간의 CSS 및 HTML 코드만 있으면 많은 일을 할 수 있습니다! 너무 멋지다! 저는 정말 좋은 사람이 되고 최고의 WebAppDev 중 하나가 되기를 바랍니다 :> 그리고 모든 새로운 학습자에게도 최선을 다하겠습니다!

오! 또한 과정의 코드 솔루션에서 버그를 발견했을 때 너무 기뻤습니다. 내가 알아차린 한 가지는 Per 빌드의 Chrome 확장 프로그램에 약간 교활한 버그가 있다는 것입니다. 예를 들어 사용자가 입력 저장 버튼을 누르면 프로그램이 빈 [""] 문자열을 저장하거나 Null이라고 불릴 수 있습니다. javascript 내부의 "MyLeads = []"및 LocalStorage에도 있을 수 있습니다. 잠깐만요. 빨리 확인하겠습니다!

네, 방금 확인했습니다. myLeads 배열의 인덱스 위치를 차지할 빈 문자열을 로컬 저장소에 추가하는 데도 사용되었습니다.



그래서 과정을 진행하면서 문제를 해결하는 방법을 생각하고 있었습니다. "진실과 거짓 가치"부분에 도달할 때까지 if 조건을 사용해 보았습니다... 즉시 이 문제를 해결하는 방법을 얻었습니다. 나중에 이 코드 스니펫을 사용하여 수정했습니다.

inputBtn.addEventListener("click", function(){
  if(inputEl.value)
  {
    myLeads.push(inputEl.value);
    localStorage.setItem("myLeads", JSON.stringify(myLeads));
    inputEl.value = "";
    render(myLeads);
  }
  console.log(myLeads);
});

이제 입력 저장 버튼을 눌렀을 때 문자열에 여러 개의 빈 문자열 값이 있는 버그가 더 이상 없습니다. 또한 저장할 때 각 링크에 대해 일종의 제거 버튼을 추가하고 싶지만 언어에 대한 현재 지식으로는 지금 당장은 이해할 수 없는 것 같지만 아주 좋은 제안 때문에 그렇게 되기를 바랍니다. Scrimba discord 회원 중 한 명으로부터 목록 항목 배열을 조사하라는 요청을 받았습니다. C++의 연결된 목록과 비슷하다고 가정합니다. 곧 살펴보겠습니다. 나는 Per의 가르침을 정말 존경하고 더 많은 것을 배우는 것이 정말 흥분되기 때문에 그가 마지막 스크림에 글을 쓰라고 제안했기 때문에 글을 쓰기로 결정했습니다. 그래서 아마 앞으로 더 많은 학습 여정을 공유하게 될 것입니다. 내 글쓰기 스타일은 매우 비공식적이지만 나는 누구에게도 화를 내지 않고 모두가 나를 편하게 해주기를 바랍니다 hhh!

과정이 정말 즐거웠다고 생각하고 이제 무료 TypeScript 과정을 시작하겠습니다. 어떻게 될지는 모르겠지만 이 과정에서도 많은 것을 배울 수 있기를 바랍니다. 여기의 누군가가 Angular를 배우는 데 도움이 될 수 있는 더 나은 제안이나 다른 플랫폼이 있고 백엔드에 대해 Angular와 잘 어울리는 어떤 종류의 긍정적인 피드백이 있으면 정말 감사하겠습니다.