VSCode extention 추천

• Bracket Pair Colorizer : 괄호를 중첩해서 사용할 때 색깔로 구분이 잘되게 해줌.

• JavaScript (ES6) code snippets : 축약한 키워드를 사용해 코드 자동완성 해줌

  • 예를들어서 fre를 입력하면 array.forEach(currentItem => {})로 바꿀 수 있다.
  • clg는 console log console.log(object)

• Live Server : 로컬 서버를 띄워서 html 파일을 볼 수 있다. 코드를 수정해서 저장하면 바로 html에서 새로고침이 된다. 새로고침 안해도 바로 바로 바뀐걸 확인할 수 있어서 편하다.

• Material Theme : vscode의 테마를 바꿀 수 있다.

• Prettier : 코드를 이쁘게 만들어 준다. 끝에 세미콜론을 붙여준다던지, 인덴트를 맞춰준다던지. 설치 한 후에 적용하려면 setting에서 format on save를 체크해줘야 한다.

• Color Highlight : css 파일 같은 곳에서 색깔을 쓸때 에디터 화면에서 그 색깔을 보여준다.

  

• 그리고 익스텐션은 아니지만 'D2Coding ligature' 폰트를 사용하면 특이하고 이뻐서 추천드립니다.

  • naver/d2codingfont

• 폰트를 설치한 후에 에디터의 settings에서 font family를 'D2Coding ligature'로 바꿔주면 적용 됩니다.