코딩과 결혼합니다

01. [ web아키텍처와 HTTP 프로토콜, Restfull API ] 본문

2세/Nest.js

01. [ web아키텍처와 HTTP 프로토콜, Restfull API ]

코딩러버 2024. 8. 3. 21:52
728x90

웹에 대한 간단한 동작을 설명해본다.

 

1. 사용자가 www.naver.com 과 같은 주소를 입력한다.  

2. 그럼 주소에 해당하는 서버 컴퓨터를 찾게된다.

3. 서버 컴퓨터 안에 있는 html, css,js로 이루어진 front 파일들이 다운 받아지고 사용자에게 보여진다.

4. 사용자가 거기서 어떤 post를 보기 위해 버튼을 클릭한다.

5. front는 그 post파일 조회에 대한 이벤트가 등록되며 back에  api요청을 보낸다.

6. back-end 에서는 DB에 접속하는 등 해당 데이터들을 가져오기 위한 비즈니스 로직을 실행하고

    그 응답을 front로 보낸다.

7. front 에서는 응답을 잘 처리한다음 UI에 맞게 꾸 사용자에게 보여준다.

 


더하여 데이터는 어떠한 규칙에 따라서 일관성있게 주고 받는다. 

이 규칙을 HTTP 프로토콜이라 하며 앞으로 강의를 진행하며 자연스럽게 익혀볼 거 같다.

 

- http 프로토콜 자료 1 : https://developer.mozilla.org/ko/docs/Web/HTTP

- http 프로토콜 자료 2 : https://developers.google.com/web/fundamentals/performance/http2

 


Restfull API

 

- Rest API 공식 문서 : https://docs.microsoft.com/ko-kr/azure/architecture/best-practices/api-design

- JSON과 Javascript의 차이 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON

 

사실 이 전체적인 부분은 이전에도 정리해보았기 때문에 자세하게는 적지 않는다.

문서를 보며 공부하면 좋을 듯 하다.

'2세 > Nest.js' 카테고리의 다른 글

[오류]Cannot find module '@nestjs/common' or its corresponding type declarations.  (0) 2024.08.12
04. [ 미들웨어 ]  (0) 2024.08.04
03. [ Node.js 기초 문법 ]  (0) 2024.08.04
02. [ Express와 TypeScript ]  (0) 2024.08.04
00. [ Nest.js ]  (0) 2024.08.03