자바스크립트 개요 및 VSCode, VSCode 플러그인 설치

자바스크립트는 

오늘날 가장 많이 사용 되는 프로그래밍 언어입니다. 

 

웹 서버, 데스크탑 어플리케이션, 모바일 어플리케이션등등 에서 사용됩니다. 

 

웹 서버에서는 

- 웹 내부에서 발생하는 다양한 기능을 만들 수 있는 언어입니다.

- 웹을 움직이게 하는 "웹의 근육" 이라고 표현할 수 있음. 

 

VSCode 설치 진행

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

해당 사이트에서 각 OS에 맞게 설치하고 진행합니다. 

 

VSCode 유용한 확장 프로그램 

 

1. Korean Language Pack (한글 언어팩) 

 

2. prettier

 

prettier 같은 경우 사용하는 이유는 저장시에 자동으로 코드를 깔끔하게 만들어주는 역할을 하며 

실행문장 끝나는 지점에 " ; " 가 없으면 자동으로 붙여줍니다. 

 

설치하고 나서 추가로 설정해줘야 하는 부분들이 있습니다. 

설정으로 이동하시고 (ctrl + , ) -> format on save 검색 ->

 

Format On Save 체크 박스 선택. 

 

저도 그렇고, 간혹 여기서 체크가 안되시는 분들도 계시는데 

 

설정에서 -> defalut formatter 검색 -> 

 

Defalut Formatter 에서 Prettier 로 설정해주시면 설정이 완료 됩니다. 

 

3. material icon ->

아이콘 이쁘게 만들어줍니다. 

 

4. error lens ->

코드 작성하면서 오류가 발생하는 부분을 빨간줄만 표시 되는게 아니라, 오류가 발생하는 이유와 해결하는 방법을 같이 표시해줍니다. (엄청나게 유용) 

 

5. live server 

 

출처 | 리액트(React.js) 이정환