npx create-react-app로 리액트 프로젝트 생성 시 아래처럼 오류가 날 경우, 해결방법 해결법 완료 npx create-react-app 설치가 제대로 되었습니다!
npx create-react-app로 리액트 프로젝트 생성 시 아래처럼 오류가 날 경우, 해결방법 해결법 완료 npx create-react-app 설치가 제대로 되었습니다!
npx create-react-app로 리액트 프로젝트 생성 시 아래처럼 오류가 날 경우, 해결방법 해결법 C:\Users\jjagu\AppData\Local\npm-cache 해당 폴더로 이동해서 캐쉬 삭제 완료
https://nodejs.org/ko/ 홈페이지에서 원하는 버전을 다운받는다. (설정은 모두 그대로) 2. cmd에서 설치 확인(node.js와 npm 모두 확인)
useEffect : Rendering 될 때마다 실행되는 함수로 이해 기본 사용법 특정 element가 rendering 될 때만 실행시키기 처음 페이지가 rendering 됐을 때만 실행시키기
설명은 공식문서가 잘되어있고 그보다 직접 보는게 빨라서 코드만 정리해놓기 Vanilla JS였다면 document.querySelector();로 가져오고, 값 변환 후에, innerHTML을 해야했지만 useState를 이용하면 값 가져오는 것과 변환까지 한번에 되는 장점이 있다 계속 보면서 익숙해지자
1.Edit in settings.json 2. 속성 추가 *전체json 3. 끝!!!!!! Emmet 최고
CORS: Cross-Origin Resource Sharing 이슈 해결하기 (참고 사이트: https://create-react-app.dev/docs/proxying-api-requests-in-development/) 1.터미널에서 proxy를 설치한다. 2. src 디렉토리내에 setupProxy.js를 생성한 후, 모듈을 구현한다. target에 포트번호는 response할 포트번호를 작성하면 된다.
1. 터미널에서 client 디렉토리로 이동 후 react-router-dom 설치 2. Routing 파일 내에 react-router-dom과 routing 할 component import 3. 함수에서 Router를 return 4. 복습 겸 이해를 돕기 위한 App.js (Routing) 전체 코드