리액트를 다루는 기술
-
리액트를 다루는 기술 - 일정 관리 웹 어플리케이션카테고리 없음 2018. 10. 30. 09:07
"리액트를 다루는 기술" 책을 읽고 정리 ( 저자 : 김민준 )저자 블로그 : https://velopert.com/reactjs-tutorials 저자 블로그 : https://velog.io/@velopert/tags/react [10장] 일정관리 웹 어플리케이션-프로젝트 셋팅-1. 프로젝트 생성$ create-react-app todo-list 생성 후, index.js 와 serviceWorker.js 남기고 나머지 파일 삭제2. css Module 및 sass 적용$ yarn eject$ yarn add sass-loader node-sass classnames3. webpack 설정 파일 수정- webpack.config.dev.js 내 수정- 바뀌기 전 설정 내용{ test: sassRege..
-
"리액트를 다루는 기술" 책을 읽고 내용 정리중읽은 책/리액트 2018. 9. 10. 21:11
"리액트를 다루는 기술" 책을 읽고 정리 ( 저자 : 김민준 )저자 블로그 : https://velopert.com/reactjs-tutorials 저자 블로그 : https://velog.io/@velopert/tags/react[1장] 리액트시작 [ 리액트 ]* 페이스북에서 고안.* 어떤 데이터가 변할 때마다 어떤 변화를 줄지 고민X * 기존 뷰를 날려버리고 새로 렌더링* BUT, 이 방식대로 하면 CPU 점유율도 많이 잡아먹고 메모리도 많이 사용할텐데.. > 하지만 잘 구현한 것이 React!* 오직 View 만 신경쓰는 라이브러리 ( 프레임워크가 아니다! )* 리액트의 초기 렌더링과 리렌더링* 이것으로 성능을 아끼고 최적의 유저 경험을 제공한다. [초기 랜더링]* render() {...} * 어..