react 프로젝트 검색 결과

해당 글 2건

일정 관리 웹 어플리케이션 만들기 (2)

기능 구현하기 1. App에서 todos 상태 사용하기 src > App.js import React, { useState } from 'react'; import TodoTemplate from './components/TodoTemplate'; import TodoInsert from './components/TodoInsert'; import TodoList from './components/TodoList'; const App = () => { const [todos, setTodos] = useState([ { id : 1, text : '리액트의 기초 알아보기', checked : true }, { id : 2, text : '컴포넌트 스타일링 해보기', checked : true }, { i..
JavaScript/React 2020. 8. 7. 00:50

일정 관리 웹 어플리케이션 만들기 (1)

UI 구성하기 1. 프로젝트 생성 //todo-app 프로젝트 생성 npm create react-app todo-app //Sass, 조건부 스타일링, 아이콘 라이브러리 설치 cd todo-app npm add node-sass classnames react-icons 2. Prettier 설정 //최상단 .prettierrc파일 생성 { "singleQuote": true, "semi": true, "useTabs": false, "tabWidth": 2, "trailingComma": "all", "printWidth": 80 } 3. index.css 수정 /* src > index.css 수정 */ body { margin: 0; padding : 0; background : #e9ecef; }..
JavaScript/React 2020. 8. 6. 23:16