노드&리액트 공부 기록(1) - Node.js 란?, Express.js 다운 받기

제가 노드 리액트 공부에 참고한 강의는

인프런에 무료 강의로 나와 있는 따라하며 배우는 노드, 리액트 시리즈 기본 강의 입니다.

https://www.inflearn.com/course/%EB%94%B0%EB%9D%BC%ED%95%98%EB%A9%B0-%EB%B0%B0%EC%9A%B0%EB%8A%94-%EB%85%B8%EB%93%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EA%B8%B0%EB%B3%B8/dashboard

[무료] 따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 - 인프런 | 강의

 

🤍Node.js 란?

• 서버사이드 자바스크립트이며 구글의 자바스크립트 엔진인 V8을 기반으로 구성된 일종의 소프트웨어 시스템.
• 웹브라우저 밖에서도 자바스크립트를 실행할 수 있는 환경을 만들어줌.
• 서버(Server) : 웹 브라우저나 모바일앱으로 어떤 요청을 보냈을 때 응답해주는 컴퓨터
• Gui, Robot용 프로그램 개발도 가능하다. 웹서비스 또한 만들어줄 수 있다.
• 이전에는 백엔드에서 자바스크립트(javascript)사용이 어려웠는데 node.js 등장으로 가능해졌다.

 

🤍Node.js에서 폴더 생성, package.json 파일 생성 및 설정

Node js가 우선적으로 설치되어 있어야함.

node -v 명령어 : 설치되어 있는지 확인할 때 사용

 

1. boiler-plate라는 파일 생성

• (윈도우 기준) cmd 창에 mkdir boiler-plate 생성
• cd boiler-plate 들어가기
• npm init 명령어 쳐주기

npm init이란? package.json 생성(정보 입력값)

 

2. 완료 후 뜨는 내용

 

3. 위의 내용을 vscode로 가져와서 작업할 것이다.

 

• package.json이라는 폴더를 열어서 확인 가능
• index.js는 백엔드의 시작점, node_module 폴더는 다운받은 dependencies(라이브러리)를 관리하는 곳.

 

🤍Express js 앱 만들기

2. package.json 파일에 "start" : "node index.js" 추가 (시작점)

 

3. npm run start 명령어 실행

 

 

4. localhost:3000 쳐서 내용 전송되었는지 확인