react

나중에 기억하려고 메모!부모 컴포넌츠 App 하위에 자식 컴포넌츠 Menu와 Home이 있을 때, Menu에서 선택 된 값을 Home에 전달하고자 한다.먼저 저장할 menu라는 state를 APP.js(부모)에 두고,인자값을 받아 setmenu()로 menu state

npm i gh-pages 로 gh-pages를 설치.gh-pages로 build 전 package.json을 세팅.package.json > homepage 추가package.json의 가장 하단에 gitHub url를 homepage로 추가 (레포지토리까지 포함).

동일한 state를 다른 components에서 사용해야 할 때, props 대신에 상태관리 라이브러리 recoil로 grobal state 버블(atom)을 생성해서 사용할 수 있다. > Recoil 시작하기 문서 > https://recoiljs.org/ko/do

install styled-components create declarations file src폴더 내 styled.d.ts 파일 생성. 3.src폴더 내 theme.ts 파일 생성

useState를 사용해서 각 input의 입력의 validation, error 등 확인 및 값 저장이 필요.form 라이브러리 사용하는 방법react-hook-formhttps://react-hook-form.com/get-startednpm install

npm i react-beautiful-dnd install 0-1. TS @types 추가 npm i --save-dev @types/react-beautiful-dnd > (npmjs) https://www.npmjs.com/package/react-beautif

recoil-persist: Recoil Atom으로 state를 이용하는 app에서 자동으로 Storage에 state를 저장할 수 있다.https://www.npmjs.com/package/recoil-persistinstallnpm install reco

Reset CSShttps://github.com/zacanger/styled-reset/blob/master/src/index.tsGoogle Fontshttps://fonts.google.comSource Sans Pro 폰트Flat UI Colo