10. 강의 개발 환경 설정(코드 편집기)

선생님은 vscode를 이용할 것이고 더 편하게 이용할 수 있는 두 가지 익스텐션(Extension)을 추천한다.

먼저 Preferences - Keyboard shortcut 에서 단축키를 설정이 되어 있지 않으면 설정해준다

 

 

사실 나도 이미 설치 완료한 

1. Prettier

코드를 보기 좋게 정리해 준다

사실 코드 정리 기능은 안 써봤는데 (스페이스 누르면 정리되다 보니)

Shift alt F 키로 정리할 수 있다는 것도 알게 되었다

아마 React 사용할 때 유용하게 쓸 것 같다. 

스페이스 줄정렬이 HTML CSS에서는 먹혔는데 React에서는 안 먹혔던 것으로 기억하기 때문에..

 

2. Material Icon Theme

 

이 확장 플러그인은 파일 아이콘을 바꿔준다

아이콘 모양을 바꿔주는 거라 전적으로 취향에 따라 설치하면 되는데 나도 한 번 이 기회에 설치해본다