Make todo app with React
node.js
Yarn
vscode
create-react-app
- node.js :: Webpack이나 Babel 등이 node.js 기반으로 만들어져 있기 때문에 이를 사용하기 위해 필수적입니다.
- yarn :: npm을 사용하셔도 됩니다.
- vscode :: 다른 에디터를 사용하셔도 좋습니다.
- create-react-app :: React 앱을 빠르게 만들기 위해 사용합니다.
- 터미널에서
yarn global add create-react-app
명령어를 이용해서 설치해줍니다. - 리액트 프로젝트를 만들고자 하는 곳에 디렉토리에서
npx create-react-app (이름)
을 이용해 만들 수 있습니다. - 저는
npx create-react-app react-todo-app
을 사용하여 react-todo-app이라는 이름을 가진 프로젝트를 생성했습니다.
- 터미널에서
- reactjs code snippet ::
rcc
를 입력하면 클래스 형태의 컴포넌트를,rsc
를 입력하면 함수형 컴포넌트를 자동으로 생성해줍니다.