목록프로그래밍/React (3)

군만두의 IT 공부 일지

[React] 리액트 개발환경 설정 (Node.js, VSC, Chrome)

목차 ⭐요약 리액트 개발 환경 설정부터 명령어를 간단히 정리함. VS Code를 기준으로 설명함. 리액트란? ▷ 페이스북에서 나온 사용자 인터페이스 빌드를 위한 자바스크립트 라이브러리 -위키백과- ⭐리액트 1) 개발 환경 설정 Node.js 설치 VS Code 설치 Chrome 설치 위의 세 가지를 설치함. Node.js에 관한 설치는 링크를 참고함. 2) 실행 과정 프로젝트 폴더 생성 VS Code로 폴더 열기 View - Terminal에 npm init react-app . 입력 create-react-app 설치 npm run start 입력으로 프로젝트 실행 js 파일을 수정하여 작업 터미널 창에서 Ctrl + C를 눌러 작업 종료 3) 명령어 정리 리액트 프로젝트 생성: npm init rea..
프로그래밍/React 2022. 7. 29. 15:08
[Node.js] npm install 오류 해결

목차 ⭐요약 npm install을 실행하면서 겪은 문제의 해결 방법을 정리함. 위 사진에서 발생한 에러를 해결하려고 함. VS Code 터미널에서 npm install을 실행했을 때 오류이지만, 오류 해결은 cmd(명령 프롬프트)나 Windows PowerShell에서 진행했음. 일단 에러가 왜 발생하는지 확인함. 1. 프로젝트 폴더로 이동함. cd 명령어를 사용하거나 VS Code의 경우 폴더 열기를 누르면 됨. 2. npm install을 입력함. 에러가 발생했다면 지금부터 해결해봄. 우선 관리자 권한으로 cmd나 PowerShell을 실행함. ⭐에러가 발생하는 원인 npm install을 입력했을 때 에러가 발생하는 원인은 두 가지인 것 같음. 명령어를 실행한 폴더 위치 버전 오류 1) 명령어를 ..
프로그래밍/React 2022. 7. 18. 11:34
[Node.js] 노드 설치 및 환경설정

목차 ⭐요약 Node.js를 설치하는 방법을 정리함. Node.js란? ▷ 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼 ▷ 작성 언어로 자바스크립트를 활용하며 논블로킹(Non-blocking) I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있다. ▷ 내장 HTTP 서버 라이브러리를 포함하고 있어 웹 서버에서 아파치 등의 별도의 소프트웨어 없이 동작하는 것이 가능하며 이를 통해 웹 서버의 동작에 있어 더 많은 통제를 가능케 한다. -위키백과- ⭐Node.js 설치 설치 과정은 다음과 같음. 1. Node.js 다운로드 사이트 클릭 2. 16.16.0 LTS 클릭 LTS(Long Term Support)는 오랜 기간 지원이 가능하다는 의미임. 즉..
프로그래밍/React 2022. 7. 18. 10:52
Prev 1 Next