DATA101

🤖 에러 상황 React에서 배포 파일 생성 시도 중 에러를 마주하였습니다. npm run build 배포 파일 생성뿐만 아니라 React 서버 실행 시도에도 같은 에러를 마주할 수 있습니다. 📝 에러 코드 sh: react-scripts: command not found 💡 원인 package.json 내 모든 dependency를 다운로드하지 않아서 package.json 내 script를 제대로 일어오지 못하여 발생한 에러입니다. ✅ 해결방법 npm install 을 통해 모든 패키지를 설치해 줍니다. npm install npm install로 해결되지 않는 경우 모든 패키지를 설치하였음에도 같은 에러가 발생한다면, node-modules 폴더를 삭제하고 다시 모든 패키지를 설치해 보시길 바랍니다..

📌 시리즈 포스팅 1. 파일 업로드 웹 페이지 구축: (1) React 기반 Frontend 개발 2. 파일 업로드 웹 페이지 구축: (2) AWS IAM 역할 생성 3. 파일 업로드 웹 페이지 구축: (3) AWS Lambda 생성 4. 파일 업로드 웹 페이지 구축: (4) AWS S3 생성 5. 파일 업로드 웹 페이지 구축: (5) AWS API Gateway 생성 6. 파일 업로드 웹 페이지 구축: (6) AWS Lambda 함수 작성 7. 파일 업로드 웹 페이지 구축: (7) Axios 기반 API Call 8. 파일 업로드 웹 페이지 구축: (8) 파일 업로드 테스트 9. 파일 업로드 웹 페이지 구축: (9) AWS S3 기반 웹 호스팅 👨‍💻 들어가며 본 포스팅에서는 파일이 S3에 잘 업로드되..

📌 시리즈 포스팅 1. 파일 업로드 웹 페이지 구축: (1) React 기반 Frontend 개발 2. 파일 업로드 웹 페이지 구축: (2) AWS IAM 역할 생성 3. 파일 업로드 웹 페이지 구축: (3) AWS Lambda 생성 4. 파일 업로드 웹 페이지 구축: (4) AWS S3 생성 5. 파일 업로드 웹 페이지 구축: (5) AWS API Gateway 생성 6. 파일 업로드 웹 페이지 구축: (6) AWS Lambda 함수 작성 7. 파일 업로드 웹 페이지 구축: (7) Axios 기반 API Call 8. 파일 업로드 웹 페이지 구축: (8) 파일 업로드 테스트 9. 파일 업로드 웹 페이지 구축: (9) AWS S3 기반 웹 호스팅 👨‍💻 들어가며 본 포스팅에서는 React를 기반으로 파일..

에러 상황 React 기반 화면 UI 구현 중 아래 에러 메시지 확인 에러 메시지 JSX expressions must have one parent element. 에러 원인 - JSX 문법에서 Component가 여러 개 있다면 반드시 parent element로 감싸야 하는데 그렇지 않아서 발생한 이슈 - Component 내부는 하나의 DOM Tree 구조로 이루어져야 한다는 규칙을 따라야 함 해결책 간단하게 div 태그 또는 fragment 태그 또는 중괄호{}로 여러 Component를 감싸는 parent element를 사용하면 쉽게 해결 가능 해결책 예시1: div 태그 ... 해결책 예시2: fragment 태그 ... 해결책 예시3: 태그명 생략가능 ... 포스팅 내용에 오류가 있다면 아..

에러 상황 React 서버 오픈 중에 아래와 같은 에러 메시지 확인 에러 메시지 'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. 해결책 npm update 후 서버 재시작 npm update npm update 후에도 서버 실행이 안 된다면 react-scripts 설치 후 서버 재시작 npm install -g react-scripts npm start 포스팅 내용에 오류가 있다면 아래에 댓글 남겨주세요. 고맙습니다 :)