JSON (JavaScript Object Notation)JavaScript Object Notation라는 의미의 축약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식Javascript에서 객체를 만들 때 사용하는 표현식을 의미한다.JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작아서, 최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용한다.JSON은 데이터 포맷일 뿐이며 어떠한 통신 방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 표현 방법일 뿐이다.JSON 특징서버와 클라이언트 간의 교류에서 일반적으로 많이 사용된다.자바스크립트 객체 표기법과 아주 유사하다.자바스크립트를 이용하여 JSON 형식의 문서를 쉽게 자바스크립트 객체로 변환할 ..

웹 렌더링(Web Rendering)웹 렌더링은 서버로부터 받은 리소스를 이용자에게 시각화하는 과정입니다.웹 브라우저는 HTML, CSS, JS 등의 리소스를 파싱하고, 이를 화면에 표시합니다.웹 렌더링 엔진웹 렌더링은 브라우저 내 렌더링 엔진에 의해 수행되며, 브라우저마다 사용하는 엔진이 다릅니다:Safari: WebkitChrome: BlinkFirefox: Gecko렌더링 엔진의 차이로 인해 렌더링 순서와 속도는 다를 수 있지만, 기본적인 HTML 파싱과 시각화 방식은 동일합니다. 여기서 잠깐!HTML 파싱 순서에 대해 이해하고 있나요?더보기HTML 파싱 순서HTML 문서 읽기브라우저는 HTML을 위에서 아래로 순차적으로 읽습니다.DOM(Document Object Model) 생성HTML 태그를 ..

URL은 Uniform Resource Locator의 약자로, 웹에 있는 리소스의 위치를 표현하는 문자열입니다. 브라우저로 특정 웹 리소스에 접근할 때는, URL을 사용하여 이를 서버에게 요청합니다. 다음은 URL의 예시입니다.URL의 주요 구성 요소URL은 여러 요소로 이루어져 있습니다. 자주 사용되는 주요 요소는 다음과 같습니다:Scheme리소스에 접근하기 위한 프로토콜을 나타냅니다.예: http, https, ftp예시: https://www.example.comHost리소스가 위치한 도메인 이름 또는 IP 주소입니다.예: www.example.com, 192.168.0.1Path서버 내에서 리소스가 위치한 경로입니다.예: /images/photo.jpgQuery추가적인 **정보(파라미터)**를 ..

웹 브라우저와 인터넷의 작동 원리웹은 인터넷이라는 전 세계적인 네트워크 위에 만들어졌습니다. 이 네트워크는 특정 **규칙(프로토콜)**에 따라 통신이 이루어지며, 이를 이해하지 못하면 사용하기 어렵습니다. 하지만, 웹 브라우저가 등장하면서 일반 이용자들도 인터넷을 쉽게 사용할 수 있게 되었습니다. 웹 브라우저는 서버와의 복잡한 HTTP 통신을 대신 수행하고, 수신한 리소스를 시각적으로 보여줍니다. 덕분에 오늘날의 SNS나 커뮤니티와 같은 서비스들이 활성화될 수 있었습니다.웹 브라우저의 역할웹 브라우저는 **사용자 경험(UX)**을 크게 향상시킨 대표적인 소프트웨어입니다.이용자는 브라우저를 통해:정보를 검색하거나,동영상을 보고,파일을 다운로드하지만,브라우저 내부에서 어떤 일이 일어나는지는 알 필요가 없습니..

웹 서비스의 통신 과정웹 서비스는 클라이언트(사용자)와 서버(정보 제공자)가 정보를 주고받는 과정을 통해 작동합니다. 아래는 그 과정에 대한 간략한 설명입니다:클라이언트 요청 (브라우저 → 서버)사용자가 웹 브라우저를 통해 특정 웹 페이지나 기능에 접근합니다.브라우저는 사용자의 요청을 해석해 HTTP 형식으로 웹 서버에 요청을 보냅니다.서버 처리 (요청 해석)웹 서버는 브라우저가 보낸 HTTP 요청을 받아 그 내용을 분석합니다.요청 내용에 따라 다음과 같은 동작을 수행합니다:리소스 요청: 서버에 저장된 HTML, CSS, JS 파일 등 웹 리소스를 탐색.복잡한 작업: 계좌 송금, 데이터 처리와 같은 작업을 수행.서버 응답 (리소스 전달)요청 처리 결과를 HTTP 형식으로 브라우저에 응답합니다.예를 들어,..

1. REST API의 탄생REST는 Representational State Transfer라는 용어의 약자로서 2000년도에 로이 필딩 (Roy Fielding)의 박사학위 논문에서 최초로 소개되었습니다. 로이 필딩은 HTTP의 주요 저자 중 한 사람으로 그 당시 웹(HTTP) 설계의 우수성에 비해 제대로 사용되어지지 못하는 모습에 안타까워하며 웹의 장점을 최대한 활용할 수 있는 아키텍처로써 REST를 발표했다고 합니다.2. REST 구성쉽게 말해 REST API는 다음의 구성으로 이루어져있습니다. 자세한 내용은 밑에서 설명하도록 하겠습니다.자원(RESOURCE) - URI행위(Verb) - HTTP METHOD표현(Representations)1) URI는 정보의 자원을 표현해야 한다. (리소스명은..

웹 리소스란, 웹에 갖춰진 정보 자산을 의미합니다. 웹 브라우저의 주소창에 https://www.naver.com/index.html 주소를 입력하면 naver.com 에 존재하는 /index.html 경로의 리소스를 가져오라는 의미입니다. 모든 웹 리소스는 고유의 Uniform Resource Indicator (URI)를 가지며, 이를 이용하여 식별됩니다. 웹의 프론트엔드를 구성하는 대표적인 웹 리소스들은 다음과 같습니다. Hyper Text Markup Language (HTML)웹 문서의 뼈와 살을 담당합니다. 태그와 속성을 통한 구조화된 문서 작성을 지원합니다. Cascading Style Sheets (CSS)웹 문서의 생김새를 지정합니다. 웹 리소스들의 시각화 방법을 기재한 스타일 시트입니다..

인터넷을 기반으로 구현된 서비스 중 HTTP를 이용하여 정보를 공유하는 서비스를 웹이라 합니다. 여기서 정보를 제공하는 주체를 웹 서버 (Web Server), 정보를 받는 이용자를 웹 클라이언트 (Web Client) 라고 합니다.식당에서 음식을 서빙하는 사람 (Server)과 음식을 주문하는 고객 (Client)의 관계로 생각하시면 됩니다. 여기서, HTTP란 웹상에서 서로 통신을 하기 위해 정해둔 일종의 규칙입니다.  웹의 발전과 웹 보안의 중요성 초기 웹 서비스는 저장된 문서의 내용을 출력해 이용자에게 제공하는 간단한 서비스였습니다. 그런데 웹과 관련된 기술이 발전하면서 이제는 금융, 쇼핑, 협업 등 다양한 분야에서 이용자에게 편의를 주는 복잡한 서비스로 진화했습니다. 과거에는 단순히 정보를 보여..