Todo List만들기 #01_프로젝트 생성, 모듈 설치, 기본 세팅

$ yarn create react-app todo-app

$ cd todo-app
$ yarn add node-sass classnames react-icons

첫번째 줄: 입력해서 프로젝트를 생성해주면 된다. (기본적인 것들이 자동으로 설치됨)

2번째줄: 해당 프로젝트 폴더로 들어가서,

3번째줄: 필요한 모듈들을 설치해줬다.
scss를 사용하기 위해 node-sass를 설치
css 적용을 편하고 효율적으로 관리 해주기 위해 classnames를 설치
font-awesome처럼 react 아이콘을 사용하기 위해 react-icons를 설치했다.

index.css파일

글로벌 스타일 파일이 있는 곳인데, background 색을 임의로 gray로 해줬다.

App.js 에서 App 컴포넌트 초기화

기존에 있던 내용 싹다 지우고 새로 작성했음.

import React from 'react';

const App = () => {
  return <div>Todo App 만들기</div>;
};

export default App;

그 다음 yarn start 입력으로 서버 시작해주고, 기초 세팅 잘 됐는지 확인ㄱㄱ.