본문 바로가기

5️⃣ CS/Web3

[Web] SSR과 CSR (feat. MPA와 SPA) 오늘은 SSR과 CSR의 개념 및 차이점 등을 정리했다. 또 그와 관련된 개념인 MPA와 SPA에 대해서도 함께 작성해보았다. 📎 MPA와 SPA MPA와 SPA는 웹 어플리케이션을 구성하는 방법을 분류한다. MPA (Multi Page Application) MPA는 여러 페이지로 구성된 웹 어플리케이션을 의미한다. 사용자의 클릭 등 인터랙션이 발생할 때마다 서버로부터 새로운 html을 받아온 후, 해당 링크로 이동하여 페이지 전체를 새로 렌더링 하는 전통적인 웹 페이지 구성 방식이다. SPA (Single Page Application) SPA는 하나의 페이지로 구성된 웹 어플리케이션을 의미한다. 브라우저에 최초 한 번 페이지 전체를 로드하고, 이후부터는 필요한 특정 부분만 Ajax를 통해 데이터를 .. 2022. 9. 29.

[Web] 쿠키와 세션 오늘은 쿠키와 세션의 개념, 동작 방식에 대해 간단히 정리했다. 📎 쿠키와 세션 쿠키와 세션은 HTTP protocol의 약점 보완을 위해 사용한다. HTTP protocol의 특징 Connectionless 프로토콜 클라이언트가 서버에 요청했을 때, 그 요청에 맞는 응답을 보낸 후 연결을 끊는 처리방식 Stateless 프로토콜 커넥션을 끊는 순간 클라이언트와 서버의 통신이 끝나며, 상태 정보를 유지하지 않음 👉 client와 server가 연결 상태를 유지해야 하는 경우 문제 발생 (로그인 정보 등) 👉 client 단위로 상태 정보를 유지해야 하는 경우 쿠키와 세션이 필요함 📎 쿠키 쿠키의 개념과 특징 클라이언트 로컬에 저장되는 Key-Value 쌍의 데이터 파일 (String 형태) 사용자가 별도.. 2022. 9. 22.

[Web] CSV, XML, JSON 데이터 전송 형식의 종류와 사용 방법에 대해 정리한다. 📎 CSV (Comma Separated Values) CSV 각 항목을 comma로 구분해 데이터를 표현한다. XML과 JSON에 비해 문장이 짧으므로, 많은 양의 데이터 전송 시 유리하다. 각각의 데이터가 어떤 내용인지 파악하기 어렵다. 👉 서버와 클라이언트가 '완벽히 데이터 구조를 공유할 경우에만' 가장 빠를 수 있음 CSV 구조 예시 1,김설희,A,25 2,홍설희,B,26 3,박설희,C,28 📎 XML (eXtensible Markup Language) XML tag로 data를 표현한다. 👉 tag를 보면 각 data가 무엇을 의미하는지 파악할 수 있다. tag에 사용자 정의 속성을 넣을 수 있으므로 복잡한 data 전달이 가능하다. tag.. 2022. 9. 18.

이전 1 다음

티스토리툴바