IT/React 썸네일형 리스트형 [Leaning-React] 10. 일정 관리 앱 애플리케이션 만들기 1. 프로젝트 준비하기 >$ yarn create react-app todo-app >$ cd todo-app >$ yarn add node-sass classnames react-icons 1-1) prettier 설정 .prettierrc { "singleQuote": true, "semi": true, "useTabs": false, "tabWidth": 2, "trailingComma": "all", "printWidth": 80 } 1-2) index.css 수정 font 삭제, background 설정 body { margin: 0; padding: 0; background: #e9ecef; } 1-3) App.js 초기화 import React from 'react'; const App = .. 더보기 [Leaning-React] 09. 컴포넌트 스타일링 1. 가장 흔한 방식, 일반 CSS src 폴더에 위치한 App.js, App.css 파일을 통해 스타일을 적용할 수 있다. CSS 클래스의 이름은 중복되서는 안된다. 그럼으로 컴포넌트이름-클래스형태로 (App-header) 작성하는 것을 권장한다. CSS Selector를 통해 CSS 클래스가 특정 클래스 내부에서만 적용되게 할 수 있다. App.js import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; class App extends Component { render() { return ( Edit src/App.js and save to reload. Learn React ); } } e.. 더보기 이전 1 다음