퍼블리싱 아카이브

1. App.js 리액트 라이브러리를 이용하면 spa(single page application)을 만들 수 있다. 리액트는 html과 js 문법이 합쳐진 jsx 문법을 사용하는데 화면에 나타나는 페이지를 App.js를 통해 작성한다. css도 App.css를 통해 작성한다. 2. index.html 3. index.js App.js와 index.html을 연결해주는 파일이다.

no such file or directory, open 'D:\react\package.json' vs code에서 npx create-react-app 프로젝트이름 을 입력한 뒤 App.js에서 npm run start를 누르자, 위와 같은 경고문이 등장했다. 이 경우에는 다음과 같은 명령문을 터미널에 입력해주면 된다. cd 프로젝트명 npm start 그러면 오류가 해결 되고 제대로 리액트가 실행된다.

리액트를 사용하다가 생긴 문제이므로 카테고리는 리액트. 클릭하면 현재 상위경로가 아닌 현재파일 경로에서 터미널 창을 open 할 수 있다.

맨 처음 리액트를 설치할 때 "npx create-react-app ./" 명령어를 입력하고 설치했더니 다음에 리액트 프로젝트를 새로 설치하려고 하니까 저런 오류가 발생했다. 리액트라는 이름의 똑같은 프로젝트가 있으니 다른 이름으로 설치하면 문제가 해결되고 제대로 실행된다. npx create-react-app "새로운 프로젝트 이름명" 명령어를 이렇게 입력하면 된다.

해결 방법: 터미널 -> cmd 창에 npm i react-beautiful-dnd를 입력하면 문제가 해결된다. 출처: https://stackoverflow.com/questions/73136847/module-not-found-error-cant-resolve-react-beautiful-dnd Module not found: Error: Can't resolve 'react-beautiful-dnd' Module not found: Error: Can't resolve 'react-beautiful-dnd'. The problem is with this module. I am writing to do list, everything must work, but I see the error. Dont h..

1. Node.js와 vs code를 설치한다. 2. react 폴더를 생성한다. 3. Terminal -> new terminal 클릭 후 cmd 창을 선택한다.(powershell을 선택하면 오류 발생) 4. cmd 창에 npx create-react-app 프로젝트 이름 명령어 입력하고 엔터 누르기 완료되면 Happy hacking! 이라는 문구가 뜬다. App.js 파일을 조작하여 텍스트를 변경할 수 있다. App.js 파일 -> terminal -> new terminal -> npm run start 명령어 입력 Learn React 부분을 다른 텍스트로 바꿀 수 있다. App.js의 a부분 텍스트를 변경하면 그대로 반영이 된다. 리액트 라이브러리와 일반 html, css 문서를 작성할 때의 ..