뚠뚜 개발일지

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

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 폴더에서 빨간색으로 ..