JS

출처: "You don’t know JavaScript until you can beat this game" https://javascript.plainenglish.io/you-dont-know-javascript-until-you-can-beat-this-game-aa7fd58befb [You don’t know JavaScript until you can beat this game] You don’t know JavaScript until you can beat this game Put your money on the winning horse every time and you can yourself a true JavaScript connoisseur javascript.plainenglish.io..

다음 영상을 보고 정리하고 살을 조금 붙였습니다. 출처: https://youtu.be/ocGc-AmWSnQ 변수와 호이스팅, TDZ(Temporal Dead Zone) 변수: let, const, var 호이스팅: 스코프 내부 어디서든 변수 선언은 취상위에 선언된 것 처럼 행동한다는 의미이다. let 으로 만든 변수는 다시 선언할 수 없다. 이미 declared되었다는 SyntaxError가 감지된다. let도 호이스팅되지만, 에러가 난다. TDZ 때문이다. let , const는 TDZ의 영향을 받는다. 이 영역에 있는 변수는 사용할 수 없다. 이를 통해, 사람은 코드를 예측 가능하고 잠재적 에러를 줄일 수 있다. var 선언전에 사용할 수 있다. 코드 하단에 var로 선언했더라고, 이미 선언된 것처..

html, css, js를 배우고있다. 입문은 노마드코더로 했는데, 좀더 세세하고 체계적인 강의를 찾아다니다가 유튜브에서 엘리님의 강의를 발견! 엘리님의 프론트엔드 입문 재생목록을 싹다 봤다. 마지막에 유튜브 클론코딩하는 프로젝트가 있길래 도전했다. 일단 완성본! 모바일 버전,제목이 길면 2줄정도만 보이도록 설정했다. 삼각형 버튼으로 토글한다. 모바일 기준으로 우선 만들고, 테블릿형태로 확장했다. 너비가 일정이상일 때, 가장 밑에 위치했던 추천영상리스트를 가로로 정렬되도록 재배치했다. 그리고 영상의 뒷배경을 검정색으로 지정하여 배경과 잘 어우러지도록 설정함. 이 프로젝트에 엄청난(?) 기술이 쓰인 건 아니지만, 보통 프론트엔드 개발자들이 마주치는 상황에서 어떤 식으로 생각하는지 배울 수 있었다. 미리 폰..

밑에 완성샷이랑 보완점+깃허브 링크 있어욥 노마드코더 웹사이트에서 자바스크립트 초보자를 위한 강의를 찾았다. 저번 포스팅에도 썼지만, 그때는 강의를 완강했을 시점에 작성했다. 일단 자바스크립트를 배우려고 들었는데, 완성하고보니까 그냥 글, 사진만 띡 올라가있는 개허접한 사이트가 완성;; 차마 거슬려서 그냥 두고볼수가 없었다. 급하게 html, css 기초강의를 찾았다. 가능하면 노마드코더 사이트에서 듣고싶었지만, 무료강의가 없음 ㅠㅠ 유튜브 찾아보니 천사같은 갓개발자님의 기초강의가 있어서 열심히 봤다. "드림코딩 엘리" 님의 강의인데, 강의스타일이 엄~~~~~~~청나게 조근조근 차분하시고 굉장히 체계적이다. 심지어 프론트엔드 커리큘럼 정리해둔 노션도 있음 https://www.notion.so/277f2..