프로젝트/Todo2 간단한 TodoList만들기 - (2) 1편 에 이어서 시작! 1편에서 만들어 놨던 각각의 컴포넌트들을 App.js에 추가 해준 컴포넌트들에서 각각의 리스트 아이템을 보여주기 위해서 훅을 사용한다. import React, { useState } from 'react'; import './App.css' import TodoTemplate from './components/TodoTemplate'; import TodoInsert from './components/TodoInsert'; import TodoList from './components/TodoList'; const App = () => { const [todos, setTodos] = useState([ { id:1, contents: '리액트 연습', check: true },.. 2020. 1. 13. 간단한 TodoList만들기 - (1) 지금 까지 배웠던 것을 적용해서 간단한 todolist를 만드려고 한다. vscode를 열고 깃도 사용하려고 하기 때문에 터미널을 bash로 진행한다 $ yarn create react-app todolist 명령어를 입력해서 새로운 리액트 프로젝트를 생성한다. 함께 Git 도 연동한다 연동되고 나면 이제 시작해보자. 먼저 리액트 App.js와 index.css 내용을 지운 후 배경색을 바꿔주자. body{ background: gray; } 이제 본격적으로 TodoList를 만들자. src에 compnents 폴더를 만들고 그 안에 만들어지는 컴포넌트를 넣을 것이다. 관습이라고 한다. 먼저 TodoList가 보일에 해당되는 것들이 보일 template를 만들고 css파일도 만든다. template im.. 2020. 1. 10. 이전 1 다음
