728x90 728x90 React6 [error] react 설치 후 npm start 했을 때 -4058 에러코드 발생 회사에서 소셜 로그인 및 회원가입 라이브러리를 만들라고 해서 새로운 react 프로젝트를 생성 후 실행시키니,, npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\AppData\Local\npm-cache\_logs\2024-02-02T02_41_39_969Z-debug-0.log PS C:\SNS\module\react-kakao> npm start npm ERR! code ENOENT npm ERR! syscall open npm ERR! path C:\SNS\module\react-kakao/package.json npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or .. 2024. 2. 3. [Warning] Warning: Each child in a list should have a unique "key" prop. 반복문을 사용한 부분에 key를 적용했는데도 이런 에러가 뜨고 있어서 확인해보니,,,!! [ 원인 ] { array?.map((item, i) => { return ( ); }) } 혹은 축약형 를 사용할 때 key를 부여해야 하는 경우도 있다. 만약 리스트 아이템을 묶는 에 key를 주어야 한다면, 직접 를 사용하고 여기에 key를 부여해야한다고 함. { array?.map((item, i) => { return ( ); }) } 2024. 1. 15. [Warning] value prop on select should not be null. 개발진행하다가 콘솔에 warning 문구들을 하나씩 해결하던 중 Warning: value prop on select should not be null. Consider using an empty string to clear the component or undefined for uncontrolled components. [ 원인 ] - select에 사용하는 state 최초값을 null로 설정을 했더니 옵션에 없어서 남 ㅋㅋ *** 추가적으로 value prop on input should not be null. Consider using an empty string to clear the component or undefined for uncontrolled components. const [tes.. 2024. 1. 11. React 카카오 로그인 개발 #2 - 로그인 화면 만들기 클라이언트 - React, Next.js 사용 서버 - node 1. 로그인 화면 만들기 import KAKAO from "../../../public/images/icon_kakao.svg"; const Login = () => { return ( ) } a 태그 href에 서버 통신할 경로를 넣었는데 서버 도메인을 보여준다는게 마음에 안들었습니다. 2. next.config.js > rewrites() 설정 const API = "http://localhost:8080"; const nextConfig = { async rewrites() { return [ { source: "/@api/:path*", destination: `${API}/:path*`, }, ]; }, } module.export.. 2023. 12. 14. React 카카오 로그인 개발 #1 - 카카오 개발자 센터 세팅 클라이언트 - React 서버 - node 1. 카카오 개발자 센터 로그인 Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 2. 내 애플리케이션 추가 저는 테스트용이기 때문에 이렇게 입력을 했습니다 앱 아이콘은 선택이지만 앱이름, 사업자명, 카테고리는 필수값입니다! 저는 앱이름, 사업자명, 카테고리는 테스트라서 임의지정했습니다. 3. 앱설정 > 플랫폼 설정 Web에서 사용할 로그인을 개발할거라서 Web 플랫폼 등록을 해보도록 하겠습니다. 개발환경은 로컬서버를 사용할 예정이라서 사이트 도메인은 http://localhost:3000 으로 등록해주었.. 2023. 12. 14. error | node:internal/modules/cjs/loader , 'MODULE_NOT_FOUND' 리엑트 프로젝트를 테스트 서버에서 새롭게 세팅 중 오류가 발생 [ 서버 세팅 상황 ] 실행 시킬 디렉토리 안에는 예전 서버에서 복사한 리엑트 소스가 들어있었고 ex ) www/source 빌드용 디렉토리 안에는 깃헙에서 다운받은 최신 소스가 있은 상황 노드모듈 설치 후 빌드 완료 .next/ 만 실행시킬 디렉토리로 이동 ex ) www/build -> www/source (.next/) 재빌드를 해도 같은 상황이 생김 예전 서버랑 같은 node version 사용중 [ 확인 결과 ] 이전에 사용한 프로젝트의 node_modules에서 만든 경로랑 꼬여서 생긴 문제일 수 있다고 함. rm -rf node_modules rm -f package-lock.json yarn cache clean yarn ins.. 2023. 12. 13. 이전 1 다음 728x90 728x90