이 글은 <Do it! 리액트 프로그래밍 정석>을 참고하여 작성하였습니다.정리 느낌으로 작성하였으므로 내용이 정확하지 않고 구체적이지 않을 수 있습니다.
snippets : 자동으로 코드 뭉치 만들어주는 플러그인
src폴더에 01 폴더 만들기 -> RCC.jsx 파일 생성
-> 편집화면에 rcc입력하면 목록 뜨는데 거기서 선택
RCC: 기본 리액트 컴포넌트 코드 생성
RCCP: 리액트 컴포너트를 프로퍼티 타입과 함께 생성
RCFC: 리액트 컴포넌트를 생명주기 함수와 함께 생성
RPC: 리액트 퓨어 컴포넌트 생성
RSC: 함수형 컴포넌트 생성
RSCP: 함수형 컴포넌트를 프로퍼티 타입과 함께 생성
Prettier: 코드 줄바꿈 등의 스타일 변환
설정 모양 그림 -> settings -> 검색창에 'formatOnSave' 검색 -> 체크박스 눌러주기
App.css에 다음 코드 추가
App.js 코드 수정
render() -> HTML 반환,웹 브라우저에 출력
create-react-app의 핫 리로딩(Hot reloading)모듈 덕에 저장 즉시 화면이 바뀐다.