React 강좌 (2) 썸네일형 리스트형 Coding Apple, React 강좌 내용 정리.20 - PWA PWA (Progressive Web App) 웹사이트를 모바일 앱처럼 설치해서 사용할 수 있다. 설치 마케팅 비용이 적다. (앱 스토어 유도 안하고 바로 등록하게 만들 수 있다.) 아날로그 유저들 배려 html, css, js만으로 앱까지 푸시알림, 센서 등 웹브라우저 이용해서 이용 가능 PWA가 셋팅된 리액트 프로젝트를 생성해야 한다. 터미널에서 아래의 명령어를 기입한다. npx create-react-app 프로젝트명 --template cra-template-pwa ex) npx create-react-app my-app --template cra-template-pwa [기존 프로젝트를 PWA로 못만든다고..] 조건 manifest.json service-worker.js public / man.. Coding Apple, React 강좌 내용 정리.17 - Redux.1 Redux 컴포넌트간에 줄줄이 엮어서 사용하는 props 대신에 redux라는걸 사용할 수 있다. 연결된 컴포넌트들이 state의 공유가 가능하다. Redux 사용하기 위한 순서 1. 설치 터미널에서 npm install redux react-redux 2 . 사용 준비 in code import {Provider} from 'react-redux' // Provider 생성 import { createStore } from 'redux' // redux 생성 필요한 부분을 감싸기 - 로 state를 공유할 대상을 ( ) 감싼다 - 공유할 state를 createStore 함수로 생성한다. let store = createStore( state를 가져오고 리턴하는 함수() ); - createStore로.. 이전 1 다음