지금까지 배운 지식을 활용하여 프런트엔드를 공부할 때 많이 구현하는 일정 관리 애플리케이션을 만들어 보자.

Untitled

10-1. 프로젝트 준비하기


10-1-1. 프로젝트 생성 및 필요한 라이브러리 설치

프로젝트를 생성한다.

$ npx create-react-app react-tech-todo
$ npx npm-check-updates -u

프로젝트가 생성되면, react-tech-todo 디렉토리로 들어가서 필요한 라이브러리를 설치한다.

$ npm i sass classnames react-icons

✓ clssnames는 조건부 스타일링을 편하게 사용할 수 있는 라이브러리이다.