[코딩 자율학습] 제로초의 자바스크립트 입문1일차

p43

1장 Hello, JavaScript!

1.1 자바스크립트를 시작하기 전에

1.2 프로그래밍 사고력 기르기

 

 

도움이 될만한 공식문서 

 

https://ko.javascript.info/

모던 JavaScript 튜토리얼

 

https://developer.mozilla.org/ko/

MDN Web Docs

 

 

문법은 익혔는데 그것으로 프로그래밍을 못한다  = 지금의 나 .. 

 

프로그래밍 사고력 훈련법을 익히자 

 

1-2  CS Code 크롬 설치 

 

- 사용자 이름은 꼭 영어로 만들기 ( 폴더 경로도 영어 ) 띄어쓰기 금지

 

개발자 도구 여는 방법

• F12  또는 마우스
• 오른쪽 버튼 클릭 - > 검사 
• 컨트롤+Shit i

자바스크립트를 실행하는 방법

• 브라우저
• 노드 js

비쥬얼스튜디오 코드작성시 도움이 될만한 익스테이션 - 플로그인 ( 가장 최근 영상을 참고함 24.07.30 )

Code Spell checker - 오타를 인라인으로 표시해줌

 

Polacode - 코드를 이미지화 하는 익스테이션

 

Bookmarks - 코드 위치를 저장하여 지점간 이동 가능 

( 커맨드 팔레트 : cmd  + shift + p - > `open keyboard `.. 검색 - > shift + alt + L )

 

https://code.visualstudio.com/docs/editor/settings-sync 

Settings Sync = github 연동해서 내가 사용하던 세팅을 그대로 만들어주는 셋팅

Settings Sync in Visual Studio Code

 

ESLint 코드 잘못된것을 즉각적으로 알려줌 

 

GitLens - Git supercharged 누가 언제 추가했는지 알수 있음 

 

TODO Highlight  해야할것들 / 고쳐야할것들 알려줌

 

비쥬얼스튜디오 코드 필수 단축키 정리 ( 가장 최근 영상을 참고함 24.07.30 )

 

Command Palette - Ctrl + shift + p  // F1 

 

Quick open  - Ctrl  + P = 해당하는 파일 검색 또는 이동 

 

User Setting - Ctrl  +  ,   셋팅으로 이동 

 

Toggle sidebar = Ctrl + B