[Web] SSR이란? 서버 사이드 렌더링

[Web] SSR이란? 서버 사이드 렌더링

1. 서버 사이드 렌더링(SSR) 이란?서버 사이드 렌더링(SSR)은 웹 애플리케이션의 초기 HTML 콘텐츠를 서버에서 생성해 클라이언트에게 전달하는 방식으로, 이를 통해 페이지 로딩 속도가 빨라지고, SEO(검색 엔진 초기화)에도 유리합니다. 반대로 클라이언트 사이트 렌더링 (CSR)은 브라우저에서 Javascript를 통해 콘텐츠를 생성하는 방식으로, 사용자 경험을 향상 시키는 데 좋지만 로딩 속도가 느릴 수 있습니다. 서버 사이드 렌더링의 주요 특징은 다음과 같습니다. 서버에서 HTML 생성: 요청이 들어오면 서버가 HTML을 렌더링하여 클라이언트에 전달초기 로딩 속도: 사용자가 페이지를 요청할 때, 미리 렌더링된 HTML을 받아볼 수 있어 초기 로딩속도 빠름SEO 최적화: 검색 엔진 크롤러가 쉽게..

  • format_list_bulleted 웹
  • · 2025. 3. 1.
  • textsms
[Web] 인터넷 프로토콜의 종류

[Web] 인터넷 프로토콜의 종류

1. 인터넷 프로토콜 이란?인터넷 프로토콜(IP)는 데이터를 전송하기 위한 규칙과 절차를 정의하는 것으로 데이터 패킷이 네트워크를 통해 이동하고 올바른 대상에 도착할 수 있게 도와주는 역할입니다. 주요 인터넷 프로토콜의 종류와 특징은 다음과 같습니다. TCP (Transmission Control Protocol)연결 지향 프로토콜로, 데이터 전송 전 연결을 설정신뢰성 있는 데이터 전송을 보장, 데이터 순서와 무결성을 유지흐름 제어 및 혼잡 제어 기능이 있어 네트워크 혼잡을 관리함주로 파일 전송, 이메일, 웹 페이지 요청 등에서 사용UDP (User Datagram Protocol)비연결 지향 프로토콜로, 데이터 전송 전에 연결을 설정하지 않음빠른 전송 속도를 제공하나, 신뢰성을 보장하지 않음, 데이터가..

  • format_list_bulleted 웹
  • · 2025. 2. 27.
  • textsms
[Web] 상태코드란?

[Web] 상태코드란?

1. 상태 코드란?상태 코드는 HTTP 응당의 일부분으로, 클라이언트가 서버에 요청을 보낸 후 서버는 요청을 처리한 결과를 반환합니다. 각 상태 코드는 3자리 숫자로 구성되고, 특정 범주에 따라 그룹화를 이룹니다. 이를 통해 클라이언트는 요청의 성공 여부와 추가적인 정보를 이해할 수 있습니다.2. 상태 코드의 종류정보 응답 (100-199)100 Continue: 클라이언트가 요청을 계속 진행할 수 있는 상태100 Switching Protocols: 서버가 프로토콜 변경 요청을 수락했을 때성공 응답 (200-299)200 OK: 요청이 성공적으로 이루어짐201 Created: 요청이 성공적으로 처리, 새로운 리소스가 생성204 No Content: 요청에 성공했으나 반환할 콘텐츠가 X리다이렉션 (300..

  • format_list_bulleted 웹
  • · 2025. 2. 27.
  • textsms
[Web] 개발자의 종류에 관해

[Web] 개발자의 종류에 관해

소프트웨어 개발자는 현재까지도 여러 종류의 개발자로 나뉘며 각 개발자들의 특징은 프로그래밍 언어와 기술 스택을 사용해 다양한 프로젝트를 개발하고 배포하고 있습니다. 이번 시간에는 주요 개발자들의 유형을 살펴보고 앞으로 개발자를 꿈꾸는 여러분들이 어떤 길을 갈 것인가를 고민해보는 것도 좋을 것 같습니다.1.개발자란?개발자(Developer)란 소프트웨어, 애플리케이션, 웹 사이트, 게임 등 다양한 분야에 디지털 제품을 설계하고 구현하는 전문가를 의미합니다. 이들은 프로그래밍 언어와 도구를 활용해 사용자가 요구하는 기능과 서비스를 개발합니다. 개발자는 특정 분야나 기술 스택에 따라 여러 종류로 나눌 수 있고, 각 유형별로 고유한 책임과 전문성을 가집니다.2. 개발자들의 주요 역할문제 해결: 개발자는 주어진 ..

  • format_list_bulleted 웹
  • · 2025. 2. 23.
  • textsms
[Web] NoSQL vs SQL의 차이점

[Web] NoSQL vs SQL의 차이점

SQL vs NoSQL의 차이점?현대 애플리케이션 개발에서 데이터 베이스는 필수적 요소로 뽑히고 있습니다. 데이터 베이스의 종류는 워낙 다양하고 방대하지만, 주로 SQL(관계형 데이터베이스)과 NoSQL(비 관계형 데이터베이스)로 나눌 수 있습니다. 이 두 가지 데이터 베이스는 서로 다른 요구사항과 사용예제에 맞춰 설계되어 있습니다.SQL 데이터베이스란?SQL은 "Structured Query Language"의 약자로, 관계형 데이터베이스에 데이터를 관리하기 위한 표준 언어이며, SQL 데이터베이스는 데이터를 테이블 형식으로 저장해, 각 테이블에 고정된 스키마를 가지고 있습니다. 이 스키마는 데이터 구조를 정의해, 데이터 타입과 제약 조건을 명시합니다.예) MySQL, PostgreSQL, Oracle..

  • format_list_bulleted 웹
  • · 2025. 2. 22.
  • textsms
[Web] 쿠키와 웹 스토리지의 차이(로컬 스토리지 세션 스토리지)

[Web] 쿠키와 웹 스토리지의 차이(로컬 스토리지 세션 스토리지)

1. 쿠키(Cookie)정의:쿠키는 웹 서버가 클라이언트 브라우저에 저장하는 작은 데이터 조각용량: 일반적으로 최대 4KB까지 저장할 수 있음저장 기간: 만료 날짜를 설정할 수 있으며, 세션 쿠키는 브라우저가 닫힐 때 삭제전송: HTTP 요청 시 서버로 자동 전송, 매번 서버와 통신할 때 쿠키 데이터 사용 가능보안: 보안 설정을 통해 HttpOnly와 Secure 속성을 사용할 수 있음, HttpOnly: 자바스크립트에서 접근할 수 없도록 함Secure: HTTPS 연결에서만 전송2. 웹 스토리지 (Web Storage)1.로컬 스토리지 (Local Storage)정의: 클라이언트 브라우저에 데이터를 영구적으로 저장하는 방법용량: 일반적으로 도메인 당 약 5MB에서 10MB까지 저장 가능저장 기간: 데이..

  • format_list_bulleted 웹
  • · 2025. 2. 17.
  • textsms
반응형