1. 프로젝트 설정

1. 리액트 프로젝트 생성

npx create-react-app recoil-todo-list --template typescript

2. 불필요한 파일 제거

cd recoil-todo-list/src
rm -rf App.css App.test.tsx logo.svg 

3. 패키지 설치

• @emotion/styled : 컴포넌트 스타일링 (CSS-In-JS)

• react-icons : 아이콘

• recoil : 상태 관리 라이브러리

• uuid : uuid - Todo 의 유니크한 키(Key)

npm i @emotion/styled react-icons recoil uuid

4. Hello Recoil !

// src/App.tsx

import React from 'react';

function App() {
  return (
    <div>
      Hello Recoil !
    </div>
  );
}

export default App;