실습은 다음 흐름으로 진행됩니다.

▲ 그림 9-1 컴포넌트 스타일링 실습

 

프로젝트 준비하기

우선 create-react-app을 사용하여 새로운 프로젝트를 만들고 개발 서버를 시작하세요. 개발 서버를 시작할 때 이전에 사용하던 프로젝트의 개발 서버가 있다면 종료해 주어야 합니다. 종료하려면 터미널 창에서 Ctrl+C를 입력합니다.

$ yarn create react-app styling-react
$ cd styling-react
$ yarn start

프로젝트 생성이 완료되면 해당 디렉터리를 에디터로 열어 주세요.