1. react 설치 및 세팅(작성중)

1. vscode 설치 -> 실행

 

2. 폴더 생성

 

3. 리액트 설치 (https://reactjs-kr.firebaseapp.com/docs/installation.html)

npx create-react-app my-app

cd my-app

npm start

 

4. vscode에서 ESLint설치 (문법체크)

 

5. vscode에서 prettier설치 (정렬)

 

6. vscode에서 Reactjs code snippets (자동완성)

 

7.  .prettierrc파일 생성 후 json방식으로 설정

singleQuote : true (홑따옴표를 쌍따옴표로 바꿔줌)

semi (세미콜론 자동으로 붙여줌)

tabWidth (탭키 눌렀을시 이동하는 칸 갯수)

trailingComma (후행쉼표 처리)

printWidth (줄 바꿈 할 폭 길이)

 

8. setting -> Text Editor -> Formatting에서 Format On Save체크 (저장시 자동 라인 포맷됨)

 

 

*혹시 적용이 안될경우

setting에서 아래와 같이 설정 확인