오늘의 학습 키워드
- CRUD
- HTTP
- HTTPS
오늘 새롭게 배운 핵심 개념
1. CRUD
CRUD → Create(입력), Read(읽기), Update(수정) , Delete(삭제)
2. HTTP 요청 (Request)
요청 라인 (메서드+ URL + 버전) + 헤더 + 바디
- GET → 데이터 조회 (Read)
- POST → 데이터 생성 (Create)
- PUT → 전체 데이터 수정 (Update - 전체)
- PATCH → 부분 데이터 수정 (Update - 일부)
- DELETE → 데이터 삭제 (DELETE)
그렇다면 헤더 영역이란?
- 헤더 : 메타 정보 담는 영역
3. HTTP vs HTTPS
- HTTP (HyperText Transfer Protocol)
웹에서 클라이언트 ↔ 서버 간 통신 규칙
암호화 x → 도청/변조 위험
- HTTPS (HyperText Transfer Protocol Secure)
HTTP + 보안(SSL/TLS 암호화) 추가한 프로토콜
4. HTTP 응답 (Response)
상태 라인(버전 + 상태 코드 + 메시지) + 헤더 + 바디
5. SPA (Single Page Application)
SPA 방식의 앱을 만들 때 쓰는 대표 라이브러리 / 프레임워크 → react.js , vue.js
추가 학습
그리고 2일차 TIL 에서 잘 몰랐던 DOM과 SPA 프레임워크에 대해서도 좀 찾아보았다.
DOM (Document Object Model)
HTML 문서를 트리 구조의 객체로 표현한 것이라고 하는데, 웹페이지의 설계도이다.
브라우저는 HTML 문서를 트리구조로 변경해서 메모리에 저장하는데 이것을 DOM 이라고 한다.
우리가 실제로 보는 화면은 이 설계도인 DOM을 보고 브라우저가 그려준 그림인 것이다.
SPA 프레임 워크
이것을 살펴보기 전에 옛날 방식 MPA 방식에 대해서 알아야 할 필요가 있다.
MPA 방식은 페이지를 넘길 때마다 서버에게 새롭게 통째로 페이지를 받아오는 방식이다.
하지만, SPA 방식은 처음에 HTML/JS 를 한번만 받아놓고, 그 다음부터는 데이터인 JSON만 요청해서 그 부분만 갈아 끼워넣는 방식이다. 그래서 페이지 전체가 깜빡이지 않고 부드럽게 바뀔 수 있다.
트러블 슈팅
없음.
오늘의 회고
- 몰입도: 강의를 들으면서 내용을 정리하는 습관이 들기 시작된 것 같다.
- 느낀 점: 몰랐던 부분을 찾아보면서, 다시 나의 언어로 해석하고 글을 작성하려니 조금 어렵게 느껴졌다.
하지만, 몰랐던 내용을 찾아서 그냥 눈으로 훑고 가는 것보다는 더 확실하게 머릿속에 각인 될 것 같다는 생각이 들었다. - 내일 공부할 것: react.js 와 vue.js 에 대해서 찾아보기
#LGCNS #LGCNS6기 #LGCNS6기TIL #내일배움카드 #K-DT
이것저것