NVM(Node Version Manager)여러 버전의 node를 설치해서 사용할 수 있도록 도와주는 도구로 NVM을 이용하면 하나의 PC에 여러 버전의 Node를 설치해서 필요할 때마다 버전을 바꿔서 사용할 수 있음.1. NVM 설치https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windowsA node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windowsgithub.com// 설치 버전 확인nvm v// 헬프 메시지 확인nvm help 2. NVM 활용 명령어// 설치 가능한 node 버전 목..

연동 전 폴더 구조 프로젝트 폴더/├── client/ # React 앱└── server/ # Express 서버1. 서버(Express) 설정1-1. Express 프로젝트 생성mkdir 프로젝트 폴더 명 // 프로젝트 폴더(루트 디렉토리) 생성cd 프로젝트 폴더 명 // 프로젝트 폴더로 경로 이동mkdir server // server 폴더 생성cd server // server 폴더로 경로 이동//npm 설치 + express 및 cors 패키지 설치npm init -ynpm install express cors// nodemon을 devDependency로 설치npm install nodemon --save-dev// dotenv 설치npm install dotenv// s..

1. Node.js 설치리액트를 사용하려면 Node.js가 설치되어야 함. 필요한 버전으로 다운로드하면 되지만 안전/안정성을 위해 LTS 버전 추천(with npm으로 설치 시 별도로 npm 설치 안 해도 됨)https://nodejs.org/en/download Node.js — Download Node.js®Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org명령 프롬프트에서 아래 명령어로 버전 확인했을 때 설치한 버전 정보가 나온다면 잘 설치된 것//노드 버전 확인node -v//npm 버전 확인npm -v2. React 실행 및 프로젝트 생성터미널(cmd/명령 프롬프트)에서 다음 명령어로 리액트 프로젝트..

자바스크립트에서 호이스팅호이스팅은 자바스크립트에서 코드가 실행되기 전에 변수, 함수, 클래스, import 등의 선언문이 해당 스코프의 맨 위로 끌어올려진 것처럼 동작하는 현상을 의미함. 실제로 코드가 물리적으로 이동하는 것은 아니지만, 자바스크립트 엔진이 실행 전에 전체 코드를 한 번 스캔하면서 선언을 미리 처리하기 때문에 이런 현상이 발생하는 것.즉, 변수나 함수의 선언만 호이스팅되고(= 끌어올려지고) 변수의 값 할당이나 함수의 내용은 원래 위치에 남아 있음.(자바스크립트는 변수 생성(Instantiation)과 초기화(Initialization)의 작업이 분리돼서 진행됨)→ 개발자가 어느 라인, 어디 위치에서 변수, 함수를 선언해도 실행되기 전 코드가 최상단으로 끌어올려지고 실행됨.변수 호이스팅선언..