react Prettier 확장팩으로 이쁘게 개발하기. 리액트프리티어

Prettier 는 정해진 규칙에 따라 자동으로 코드 스타일을 정리해주는 도구죠..

VSC 확장탭에서 prettier로 검색해서 install후 VSC재기동합니다.

이걸 사용하려면 기존에 디폴트로 VSC에 설정된 자바스크립트 포매팅 설정을 diable해야합니다.

왼쪽아래 설정아이콘 누르고 javascript format이라고 타이핑 치면 나오는 첫번째 항목입니다.

기존에 eslint 확장팩이 설치되어 있으면 두 확장팩이 가끔 충돌이 나는 경우가 있네여..

일단 이쁘게 저장할때마다 열심히 열일 하는군요.

리액트관련된 유용한 기타 확장팩관련 자료입니다.

https://fullstackengine.net/recommended-vscode-extensions-js/