🌈CS(Computer Science)

SPA(Single Page Application)

개념: 서버로부터 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹 사이트(Vue, Angular, React ...)
장점:
Web APP에 필요한 모든 정적 리소스를 한 번만 다운로드
새로운 페이지 요청시 필요한 데이터만 전달 받음 -> 트래픽 감소
변경되는 부분만 갱신 -> 새로고침 X -> 네이티브 앱과 유사한 사용자 경험 제공
단점:
초기 구동 속도가 상대적으로 느림
자바스크립트 기반 비동기 모델 -> 검색엔진 최적화 이슈

GET vs POST

객체 지향 프로그래밍

DNS(Domain Name System)

REST(Representational State Transfer)

클라이언트와 서버가 데이터를 주고받는 방식을 디자인한 것으로
URI는 정보의 자원을 표현해야 한다.(URI는 식별하고, URL은 위치를 가르킨다.)
자원에 대한 행위는 HTTP Method(GET, POST, PUT, DELETE)로 표현한다.

API(Application Programming Interface)

개념:
운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 기능
특징:
서로의 APP에 연결하여 통신할 수 있음
비유:
고객 ↔ 점원(API) ↔ 주방(운영체제, 언어)
ex) slack을 google drive에 연결, 카카오 로그인 등

프로세스(Process)와 스레드(Thread)

DOM

개념:
HTML요소들을 트리형태로 구조화해서 표현한 문서
필요성:

• JS를 사용해서 HTML에 웹 콘텐츠를 추가, 수정, 삭제, 이벤트 처리를 정의할 수 있도록 도와주는 역할.
• HTML코드는 정적인 텍스트이므로 웹화면이 사용자와 동적인 상호작용을 하려면 DOM이 필요함.
• JS가 웹문서에 동작 구현 → DOM에 반영됨 → 웹브라우저 리렌더링

브라우저 렌더링 과정

웹브라우저가
HTML코드 해석 → DOM 생성 → 화면에 보여줌

브라우저 동작 방법

브라우저 주소창에 www.google.com을 입력하면 일어나는 일

Webpack, Babel, Polyfill

CSR & SSR

웹 표준을 지키며 개발하는지?

이벤트 루프 & 태스크 큐

타입스크립트

쿠키, 세션, 웹 스토리지

웹 사이트 성능 최적화 방법

번들의 사이즈를 줄이려면

크로스 브라우징

웹 소켓

로그인 처리 시 쿠키와 세션 사용 방법