![]()
React와 Node를 연결하다. 1. React와 Node 구성 화면을 구성하는 React와 서버인 Node를 연결할 때의 구성을 그림으로 표현한 것이다. (그림 1) 기존의 Node.js에서는 templete engine(템플릿 엔진)으로 화면에 보일 엔진을 선택하였는데, React와 연결할 거니까 자연스럽게 React가 템플릿 엔진의 역할을 하게 된다. 2. React와 Node 기본 세팅 2 - 1. Node 설치 프로젝트를 진행할 새로운 폴더를 생성하고 폴더에 Node를 설치한다. npm init 명령어를 터미널에서 사용해서 노드 모듈과 package.json 등을 설치한다. github에 프로젝트를 업로드할 때는 노드 모듈을 올리면 안 된다. 다른 사람에게 파일을 공유하거나 공유받을 때 노드 ..
![]()
Node.js 설치 및 사용법 1. Node.js 정의 및 설치 Node.js란 JavaScript로 브라우저 밖에서 서버를 구축할 수 있게 해주는 환경이다. Node.js를 검색하고 다운로드 페이지로 이동한다. 대부분의 경우 LTS버전으로 사용자의 운영체제에 맞게 다운로드 받으면 된다. 2. Node.js 사용 ( node_modules ) Node로 서버를 구축하기 위해서 Node의 모듈을 설치해서 사용해야 한다. 일단 "npm init"을 사용해서 패키지를 생성해준다. package를 생성할 때 주의할 점은 main에는 서버로 사용할 파일명을 사용해줘야 한다. (위의 사진에선 app.js이다.) Node에서 기본적으로 제공하는 http모듈을 사용해도되고 express모듈을 설치해서 사용할 수도 있다..
