npm start4 리액트 실행 흐름 [ Index.js, App.js, Index.html ] 🔥 3개의 파일은 creat-react-app 하면 자동으로 파일이 생성된다🔥 public 폴더 안에 index.html 파일이 src 폴더 안에 App.js, index.js 파일이 있다 🔥 index.js제일 상위자이며 가장 먼저 react에서 실행되는 파일이다메인 프로그램이다// 필요한 부분만 작성import React from 'react';import ReactDOM from 'react-dom';import App from './App';ReactDOM.render(, document.getElementById('root')); 🔥 App.js컴포넌트를 정의하는 프로그램이다// 필요한 부분만 작성function App(){ // App() >> 'JSX문법' return .. 2024. 7. 12. [error] sh: react-scripts: command not found' 오류가 나게 된 상황 회사에서 과제 작업 한걸 깃허브에 올려두고 집에서 프로젝트를 clone 해서 npm start를 했는데 분명 회사에선 됐는데 집에서 되지 않아서 동공 지진이 왔다... 자세히 보니 문제는 폴더 구조가 약간 달랐던 거 같다 ( 신입의 삽질 현장... 😭) 회사에서는 bulletinBoard > board >.... 구조라면 집에서는 폴더명> bulletinBoard > board >... 이런 구조로 bulletinBoard 앞에 폴더를 하나 더 만들어서 그 폴더를 vscode로 열고 그곳에 프로젝트를 git clone 했었다 그러다 보니 계속 package.json을 못 찾는다거나 다른걸 못 찾는다고 오류가 떠서 npm install도 해보고 cd 폴더명 > npm start도 해봤.. 2022. 7. 14. [error] Could not find a required file. Name: index.html 오류가 나게 된 상황 Front는 React로 만들고 Back-End는 Spring Boot로 하고 DB는 Mariadb를 써서 vscode로 프로젝트를 해야 하는데 구현하기 전 React 초기 설정을 하고 실행되는지 확인해보기 위해서 npm start를 하다가 계속 오류가 떴다 // 오류 Could not find a required file.Name: index.html Searched in: /Users/내 컴퓨터이름/폴더명/bulletinBoard/public 구글링을 하니까 npm install을 하면 해결된다 했지만 나는 해결되지 않았다...... 옆에 사진은 해당 프로젝트의 구조이다 ( 추후에 지울거 지우고 구조 약간 바꿨음...) 오류가 난 원인 난 일단 프론트단만 (해당 구조에서는 boa.. 2022. 7. 13. [개인 프로젝트 error ] npm err! missing script: start | error: cannot find module 경로 에러가 나게 된 상황을 요약하자면, 프로젝트 폴더 하위에 리액트의 파일들을 다 설치한 후 미리보기를 하기 위해 npm start를 했다가 오류가 난 상황이다 1. 리액트를 환경을 만들기 위해 프로젝트 폴더(lottoProject)를 만든 후 vs코드에서 터미널을 켜고 아래의 코드를 입력한 후 프로젝트 폴더(lotto) 하위에 리액트 파일들을 설치했다 npx create-react-app 프로젝트명 // lotto(프로젝트명) 프로젝트 폴더(lottoProject)에 하위에 => 입력한 프로젝트명(lotto) => 그 안에 리액트의 파일들이 설치되었다 2. 설치가 다 끝난 후 터미널에서 npm run start를 하니까 npm err! missing script: 오류가 발생했다 이 오류가 나는 이유를 찾.. 2022. 5. 31. 이전 1 다음 728x90
