리액트 환경설정

create-react-app 으로 프로젝트(hello-react) 디렉토리 생성하기

 

- 디렉토리 이동 : C:\dev\react\
- 설치 : yarn create react-app hello-react
- 설치 확인 : cd hello-react
- YARN 시작 : yarn start
- 주소 : http://localhost:3000/

---

JSX

프로젝트 폴더 열기 : 위에서 만든 hello-react 폴더를 VSCode IDE로 연다.

1. 코드 스타일 정리 : 코드 가독성 향상 들여쓰기
src/.prettierrc 파일 생성

{ 
  "singleQuote": true, 
  "semi": true, 
  "useTabs": false, 
  "tabWidth": 2 
} 

2. 저장 시 코드 자동 코드 정리
File - Preference - Settings : format on save 검색 후 체크

3. 새 소스파일 작성 시
src 디렉토리에 새 파일(test.js)을 만든 후, 
화살표 함수 컴포넌트 기본포멧 작성: rsc + 엔터
클래스형 컴포넌트 기본포멧 작성 : rcc + 엔터