티스토리 뷰
오늘은 HTTP/네트워크 기초에 대해서 공부했다.
클라이언트-서버-DB로 이루어진 3티어 아키텍쳐에 대해서 배웠고,
그 사이에서 일어나는 클라이언트-서버의 통신에 대하여 알게되었다.
클라이언트는 서버에 리소스를 요청을 하고, 서버는 클라언트에 리소스를 응답,
DB는 리소스를 별도로 저장하는 역할을 한다.
이러한 웹 애플리케이션 아키텍쳐는
API라는 서버가 제공하는 인터페이스를 통해서
HTTP 라는 통신규약을 이용하여 리소스를 활용한다.
이 과정은 URL, URI 등의 주소 접근을 통해서 이루어진다.
HTTP Messages는 클라이언트와 서버 사이의 데이터 교환방식이며,
요청과 응답으로 이루어져 있다.
이 메시지들은 start line, HTTP headers, empty line, body를 포함하며
start line과 HTTP headers를 head, body를 payload라고도 한다.
그리고 가장 큰 특징으로는 상태를 저장하지 않은 Stateless(무상태성)이 있다.
추가적으로 AJAX, SSR, CSR에 대하여도 알게되었다.
AJAX란 JS, DOM, Fetch, XMLHttpRequest, HTML 등의 다양한 기술을 사용하는 웹 개발 기법이며,
웹 페이지내 필요한 데이터만 비동기적으로 화면을 그릴수 있는 기법이다.
SSR(Server Side Rendering)은
웹 페이지를 서버에서 렌더링을 하는 기법이며,
웹 페이지를 브라우저로 보내기 전 서버에서 완전히 렌더링을 한다.
CSR (Client Side Rendering)은
클라이언트에서 페이지를 렌더링하는 기법이며,
서버는 웹페이지 렌더링 대신, 단일 페이지를 클라이언트에 보내고
브라우저의 경로 이동 시 서버가 웹 페이지를 다시 보내지 않는다.
배운내용을 간단하게 복습 겸 정리를 해보았다.
특히 SSR과 CSR의 개념에 대해서 정확히 알지 못했었는데,
이번 기회에 한 번 정리하고 갈 수 있었다.(자세한 내용은 블로그에 올라갈 예정)
-끝-
'코드스테이츠' 카테고리의 다른 글
TIL 23.02.01 (0) | 2023.02.01 |
---|---|
TIL 23.01.31 (0) | 2023.01.31 |
TIL 23.01.27 (0) | 2023.01.27 |
TIL 23.01.26 (0) | 2023.01.26 |
TIL 23.01.25 (0) | 2023.01.25 |
- Total
- Today
- Yesterday
- dfs
- useContext
- 코드스테이츠
- 감정일기장
- 프로그래머스
- 개인 프로젝트
- 그리디 알고리즘
- 스택오버플로우
- 백준
- SEB 43기
- 코테
- seb
- til
- 프론트엔드
- 회고
- 브루드포스
- 프리프로젝트
- Python
- Redux
- 인적성
- SEB 43
- 프로젝트
- React quill
- SEB43
- dictionary
- SEB43기
- 다이나믹 프로그래밍
- 기술면접
- BFS
- 감정 일기장
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |