반응형
SMALL
식당에 비유하자면...
식당= 웹사이트
손님= IP
알바 = Server
주방 = DB
- 서버
쉽게 요청을 처리해주는 기계라고 보면됨
- 요청방식
4가지 방식으로 웹사이트→서버에 요청할 수 있다.
- 읽기(GET)
- 쓰기(POST)
- 수정(PUT)
- 삭제(DELETE)
/list 라는 페이지에 get 요청하면 해당하는 list.html을 보내준다.
- 웹사이트를 만드는 HTML & JavaScript
웹사이트는 HTML을 기본으로 글과 그림을 넣으며,
JavaScript라는 HTML 조작언어가 페이지를 다이나믹하게 바꿔줄 수 있음.
<script>
consol.log('자바스크립트다')
</script>
- 서버를 만드는 Node.js
이때 JavaScript의 해석은 브라우저들이(크롬, 파이어폭스 등) 담당한다. 크롬의 JavaScript 해석 엔진 Node.js 등장 Node.js로 서버를 쉽게 만들 수 있음 (물론 일반 서버도 있음)
- Node.js 특성
- Non-blocking I/O
- 가벼운 작업을 우선 처리
- 요청이 많거나 무거운 요청이 섞여있어도 대기시간 X
- SNS / 채팅
- 코드가 짧고 쉬움
- 빠른개발&피봇팅 가능
- 린스타트업에 유리
- 웹서비스O, 이미지처리X, 통계X
- Non-blocking I/O
- Node.js 설치 및 실행
- Node.js 설치
- Visual Studio code 에디터 설치
- 가볍고 모든 언어 가능
- express라는 라이브러리를 사용해서 서버 생성
- 라이브러리: 코드 모음집
- express 라이브러리 설치
- VS code 실행
- 터미널 열기 (New Terminal)
- npm init 입력해서 세팅하기
- npm init: 라이브러리 설치를 도와주는 도구
- package.json에 기록&자동생성
- package name / version 등 enter 잘 치고
- 엔트리 포인트만 원하는 파일명으로 입력
- entry point: (index:js) server.js
- 터미널에 npm install express 입력
- 맥은 ‘권한이 없어요’뜨면 ‘yarn’ 검색 후 설치
- 명령어 yarn add express
ref:
반응형
LIST
'웹(web) > 서버' 카테고리의 다른 글
라이브러리로 HTML/CSS 쉽게 생성하기 (w. Bootstrap) (0) | 2023.01.02 |
---|---|
GET 요청하고 & HTML 파일 전송하기 (0) | 2023.01.01 |
서버(Server) 띄우기 (기본셋팅 & 테스트) (0) | 2023.01.01 |