YH-0.0.4-SNAPSHOT

웹 개발을 하다 보면 가장 자주 마주치는 데이터 형식 중 하나가 바로 JSON입니다.API 호출, 서버 응답, 로컬 저장 등 다양한 곳에서 JSON은 빠지지 않고 등장하죠.이번 포스트에서는 JSON의 개념, 문법, 특징, XML과의 차이점, 그리고 주의해야 할 보안 문제까지 한눈에 정리해보겠습니다! 📌 JSON이란?JSON(JavaScript Object Notation)은데이터를 저장하거나 전송할 때 사용하는 경량의 데이터 교환 형식입니다.📍 이름은 자바스크립트에서 유래했지만, 모든 프로그래밍 언어에서 사용할 수 있는 범용 포맷이에요. ✅ 주요 특징사람과 기계 모두 이해하기 쉬운 구조텍스트 기반이기 때문에 가볍고 빠르다자바스크립트 문법과 유사해서 웹 개발에 특히 적합언어 독립적이며, 대부분의 언어에..

우리가 웹사이트에 접속하면, 화면에 예쁘게 구성된 콘텐츠들이 자연스럽게 나타납니다.하지만 그 안에서는 복잡한 과정이 진행되고 있다는 사실, 알고 계셨나요?이번 포스팅에서는 웹 렌더링이란 무엇이며, 브라우저가 어떤 과정을 거쳐 화면을 구성하는지에 대해 정리해보겠습니다. 📌 웹 렌더링(Web Rendering)이란?웹 렌더링이란, 쉽게 말해 서버로부터 받은 리소스를 브라우저가 화면에 시각적으로 출력하는 과정을 말합니다.사용자가 어떤 웹사이트 주소(URL)를 입력합니다.브라우저는 서버에 요청을 보내고, HTML, CSS, JavaScript 등의 웹 리소스를 응답받습니다.이 리소스들을 브라우저 내부의 렌더링 엔진(Rendering Engine)이 해석하고 조합해서 사용자가 보는 화면을 만들어냅니다.즉, 사용..

인터넷을 사용하면서 우리는 수많은 웹 주소를 접하게 됩니다. https://www.naver.com, https://youtube.com/watch?v=abc123 같은 주소들이 그 예시죠. 이 주소들은 단순한 텍스트가 아니라, 웹 브라우저가 웹 리소스에 접근하기 위해 사용하는 표준화된 경로입니다. 이 경로를 우리는 URL이라고 부릅니다. 🌐 URL이란?URL은 Uniform Resource Locator의 줄임말로,"웹 상의 자원(Resource)이 어디에(Location) 있는지 통일된 방식(Uniform)으로 표시한 것"입니다.웹 브라우저는 이 URL을 바탕으로 서버에게 요청을 보내고, 우리가 원하는 웹페이지나 이미지를 불러옵니다.🧩 URL의 구성 요소URL은 여러 구성 요소로 이루어져 있으며,..

인터넷을 사용할 때 우리는 대부분 웹 브라우저(Web Browser) 를 이용합니다. 브라우저는 너무나 당연하게 사용되지만, 그 내부에서 어떤 일이 일어나는지는 잘 모르는 경우가 많습니다. 이번 포스팅에서는 웹 브라우저가 어떤 역할을 하는지, 그리고 우리가 흔히 사용하는 주소창에 naver.com과 같은 URL을 입력했을 때 어떤 과정이 진행되는지 알아보겠습니다. 📡 웹이란 무엇일까요?웹(Web)은 단순한 인터넷 그 자체는 아닙니다. 웹은 인터넷이라는 글로벌 네트워크 위에서 동작하는 하나의 시스템입니다. 이 시스템은 HTTP라는 정해진 통신 규칙(프로토콜)을 통해 클라이언트(우리의 브라우저)와 서버가 데이터를 주고받도록 설계되어 있습니다.이러한 복잡한 규칙을 일반 사용자들이 일일이 이해하고 직접 다룬다..

우리는 매일 웹사이트를 이용합니다.뉴스를 보거나, 쇼핑을 하거나, SNS에 글을 올리는 그 순간에도 웹 클라이언트와 서버 사이에는 활발한 "통신"이 일어나고 있어요.그렇다면 웹 서비스가 작동하는 이 "통신의 흐름", 어떤 과정으로 이뤄질까요? 📡 통신이란?먼저, 통신이란 정보를 주고받는 행위를 말합니다.예전엔 전화나 편지를 통해 이뤄졌지만,오늘날엔 인터넷이라는 통신망 덕분에 시간과 공간의 제약 없이 실시간으로 정보가 오갑니다.  🌍 웹이란?웹(Web)은 바로 이 인터넷을 기반으로 구현된 정보 공간이에요.우리는 웹을 통해 뉴스, 쇼핑, 커뮤니티 등 수많은 정보를 빠르게 얻고 있죠.  🧑‍💻 웹 클라이언트와 서버의 역할웹에서는 정보를 요청하는 쪽과 제공하는 쪽이 존재합니다.역할설명🧑‍💻 웹 클라이..

웹 개발이나 웹의 동작 원리를 공부하다 보면 "웹 리소스"라는 용어를 자주 접하게 됩니다. 이 개념은 웹의 구조와 작동 방식, 그리고 웹 브라우저와 서버 간의 소통을 이해하는 데 매우 중요한 키워드입니다.오늘은 웹 리소스가 정확히 무엇인지, 어떤 종류들이 있는지, 그리고 우리가 브라우저에서 어떤 방식으로 그것들을 요청하고 사용하는지에 대해 알아보겠습니다. 🔍 웹 리소스란?웹 리소스(Web Resource)란 말 그대로 웹에 존재하는 정보 자산을 의미합니다.예를 들어, 웹 브라우저의 주소창에 다음과 같은 주소를 입력했다고 가정해볼게요. https://www.naver.com/index.html 이 주소는 naver.com 도메인에 위치한 /index.html이라는 웹 리소스를 요청하는 것을 의..

현대 사회에서 ‘웹’은 단순한 정보 공유 수단을 넘어 우리의 일상을 바꾸는 핵심 기술로 자리 잡았습니다. 이번 글에서는 웹의 개념, 발전 과정, 그리고 웹 보안 및 구조적 개념(프론트엔드와 백엔드)에 대해 알아보겠습니다. 🌐 웹(Web)이란?웹이란 인터넷을 기반으로 정보를 공유하는 서비스 중 하나로, 보통 HTTP 프로토콜을 통해 통신합니다.이때 정보를 제공하는 쪽을 웹 서버(Web Server), 정보를 요청하고 받는 쪽을 **웹 클라이언트(Web Client)**라고 합니다.예를 들어 식당에서, 손님이 주문을 하고 종업원이 음식을 서빙하는 관계처럼, 클라이언트는 요청하고 서버는 응답하는 구조입니다.여기서 ‘HTTP’란 웹에서 정보를 주고받기 위한 규칙(Protocol)으로, 웹 서비스의 근간이 되는..

REST API는 Representational State Transfer의 약자로, 2000년 로이 필딩(Roy Fielding)의 박사학위 논문에서 소개되었습니다. 로이 필딩은 HTTP의 설계에 관여했던 주요 인물로, 당시 웹(HTTP)의 잠재력이 제대로 활용되지 않는 점을 안타까워하며, 이를 최대한 활용할 수 있는 아키텍처 스타일로서 REST를 정의하였습니다.REST는 인터넷 자원을 효율적으로 관리하고 설계하는데 초점을 둔 아키텍처로, 오늘날 API 설계에서 중요한 원칙으로 자리 잡았습니다.REST API의 주요 구성 요소REST API는 자원(Resource), 행위(Verb), 표현(Representation) 세 가지 요소로 구성됩니다.1. 자원(Resource) - URIURI(Uniform..

HTTP는 클라이언트와 서버 간 데이터를 평문으로 주고받는 프로토콜입니다. 하지만 이런 특성 때문에 통신 내용이 쉽게 노출될 위험이 있습니다. 예를 들어, 로그인 과정에서 전송된 POST 요청은 사용자 ID와 비밀번호 같은 민감한 정보를 포함합니다. 만약 공격자가 이를 가로챈다면, 계정 탈취와 같은 심각한 문제가 발생할 수 있습니다.이를 보완하기 위해 만들어진 것이 HTTPS입니다.  HTTPS란? HTTPS(Hypertext Transfer Protocol Secure)는 HTTP에 TLS(Transport Layer Security)를 도입하여 보안을 강화한 프로토콜입니다. TLS는 서버와 클라이언트 사이에 오가는 모든 HTTP 메시지를 암호화합니다. 공격자가 중간에 메시지를 탈취하더라도 이를 해석하..

HTTP 상태 코드는 서버가 클라이언트 요청을 처리한 결과를 나타내며, 숫자와 짧은 설명(Reason Phrase)으로 구성됩니다. 상태 코드는 첫 번째 자릿수를 기준으로 5개의 클래스(Class)로 분류됩니다.1xx: Informational (정보)클라이언트가 요청을 계속 진행할 수 있음을 알리는 응답.코드설명 (Reason Phrase)의미100Continue요청이 부분적으로 완료되었으며, 계속 진행 가능101Switching Protocols프로토콜 전환 승인102Processing (WebDAV)요청을 수신했으며 처리 중103Early Hints응답의 일부 정보를 먼저 제공  2xx: Success (성공)요청이 성공적으로 처리되었음을 알리는 응답.코드설명 (Reason Phrase)의미200O..