DEVLOG DEVLOG

1. craco install npm i @craco/craco npm i -D craco-alias 2. package json script 수정 ... "scripts": { "start": "craco start", "build": "craco build", "test": "craco test", "eject": "craco eject" }, ... 3. tsconfig 설정 // tsconfig.path.json { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } } } { "extends": "./tsconfig.path.json", "compilerOptions": { "target": "es6", "module": "e..

컴포넌트가 렌더링 될 때마다 사이드 이펙트를 실행시킬 수 있도록 해줌 const Counter = () => { const [count, setCount] = useState(0); useEffect(() => { console.log('Rendering'); console.log(`count: ${count}`) }) return ( + {count} - ); } 마운트될 때만 실행하려면 2번째 파라미터에 빈배열을 넣어주면됨 useEffect(() => { console.log('Rendering'); console.log(`count: ${count}`) }, []) 업데이트 될 때만 실행하려면 2번째 파라미터에 체크할 변수를 넣어주면됨 useEffect(() => { console.log('Rere..

1. React 앱 작성 npm을 사용하기 위햐서는 Node.js 설치가 필요 https://nodejs.org/en/download/ Download | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org # prompt npm -v //설치 확인 npm install -g yarn //yarn 설치 yarn --version //yarn 설치 확인 npm install -g create-react-app //react app을 만들어주는 패키지 설치 //cd로 작업할 디렉토리로 이동후 create-react-app frontend //react app 생성 cd frontend yarn s..

npm을 사용하기 위햐서는 Node.js 설치가 필요 https://nodejs.org/en/download/ Download | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 설치가 완료후 # prompt npm -v //설치 확인 npm install -g yarn //yarn 설치 yarn --version //yarn 설치 확인 npm install -g create-react-app //react app을 만들어주는 패키지 설치 //cd로 작업할 디렉토리로 이동후 create-react-app reactapp //react app 생성 cd reactapp yarn start