Wecode - Foundation 1 (부트캠프)/Node.js ( JS 구동 환경_ 서버 없이)

Node.js

Queen Julia 2023. 9. 4. 16:56

Node.js 하는 이유 

자바스크립트는 브라우저 안의 언어 

 

속도가 되게 빨라서, 브라우저만 하기에 아깝다. 

서버도 그럼 자바스크립트로 만들자

 

브라우저 밖에서 서버에서 작동하게 하는 환경 = node.js 

 

즉, 언어가 아님,환경임 (자바스크립트를 구동하는 환경) 

 

Html = 문서 
Javascript= html을 더 동적으로 
자바스크립트 실행하는 거 = 브라우저,
Node.js = 브라우저 없이, 다른 환경에서도 자바스크립트 실행할 수 있게 도와줌 
  • 덕분에 javascript를 언어처럼 쓰게 됨. 프로그래밍 가능함
  • 서버도 가능함

 

자바스크립트가 브라우저 없이 동작하게 하는 것 = Node 

백엔드에게 고객은 프론트

프론트에게 고객은 백엔드 (유저 고객 사용자가 button을 누르면, / client인 프론트엔드가 ) 

 

함수 호출할때마다 반복적으로 일어나는 과정을

자바스크립트로  

  • 허용
  • 요청확인

 

코드 매번 할 게 많아서 매번 똑같은 거 하니,
ppt template처럼 모음집
= framework 

귀찮으니 미리 만들어놓고 갖다 쓰라 

 

Ex. express.js / nest.js 

*파이썬 쓰면 ‘장고, 플래스크’/ 자바→ ‘spring’

 

Cf. react - framework가 아닌, library. 

 

 

백엔드는 
(사용자-> 프론트 -> 백엔드 중에서 뒷단만) 

 

백엔드에서 자주 쓸 함수 

  • function signup 가입 
  • function search 검색 
  • function 탈퇴 
프론트가 백엔드에게
‘가입' 진행시켜  이렇게 시킴

이때,
프론트가 백엔드 함수 이름까지 외울 이유는 없으니,

“프론트에게 너가  /updateUser에 들어와, /signup 서버에 접속해
  = API 주소
= endpoint
(프론트 끝자락과 백엔드 끝자락이 만난다) 

기능을 appliacation이라고 부름 

Api 범주가 넓은데, 여기에서는 백엔드가 하나하나 다 만들어놓은 함수를 api라고 한다. 기능이니, 

이 url 주소를 api 주소 (용어는 목요일 http 세션에 더 배움 - 그떄 tistory 정리) 


1. Server 생성

const http = require(http)

  • http라는 변수
  • 다른 파일 곳곳에 있는 걸 가져올 거야 = require (밖에 있는 거 갖다 쓸 때)

 

app.get → 하나의 기능 ex.마이페이지, 이름수정 등 

  • 만약 기능이 6개면 app.get이 6개 

 

작성하는 함수의 이름은
아래에 기준해서 만들어줌 (백엔드는 CRUD만 함) 

Create 

Read

Update 

Delete 

 

(함수 이름은 동사로 써야 함)

 

면접에서도: 게시판 CRUD 면접 과제로 많이 나옴 -> 그걸 node.js로 만드는


node.js 실행하기 

 

 

vscode에 쓴 코드를 출력 

terminal에 node 명령어 사용 

 

node [자바스크립트 파일 이름]  #띄어쓰기 

node index.js 

node app.js