뚠뚜 개발일지

react.js는 component를 refresh(새로고침)을 한다. 새로운 데이터가 들어올 때마다(변화가 일어날때만) UI를 refresh를 해주기 때문에 우리가 직접 refresh를 해줄 필요가 없어서 편리하긴 하지만 반복이 필요없는 코드까지 refresh가 될 경우 데이터를 느리게 만드는 현상을 야기시킬 수 있다. 위와 같은 문제는 언제 코드를 실행시킬 지 정할 수 있는 useEffect를 사용하면 된다. useEffect function는 component안에 딱 한 번만 실행하고 싶은 코드가 있거나, 해당 코드를 시작시에만 한 번 실행하고 싶을 경우, component안의 특정 데이터가 변화할 때 코드를 실행하고 싶은 경우 useEffect function을 활용하면 된다. ※ 주의 ※ 상단에..

01. create-react-app 설치 방법 1. node.js 설치하기 1-1. 터미널을 열어서 node -v 명령어를 입력한 다음 제대로 다운이 완료되었는지 확인하기 2. 터미널에 npx create-react-app 폴더명 명령어를 입력하여 새로운 폴더 생성하기 3. 생성된 폴더를 vsCode에 열어준다. 3-1. package.json폴더에 있는 scripts에 start 부분을 확인한다. 4. 터미널에 npm start 또는 npm run start 명령어를 입력한 후 잠시 기다리면 development server(개발용 서버)를 오픈된다. 02. create-react-app 초기 설정 1. index.js 폴더에서 빨간색으로 체크된 부분을 지운다. 2. App.js 폴더에서 빨간색으로 ..