Get
-
웹 프로그래밍은 HTTP(Hypertext Transfer Protocol)을 기반으로 동작한다. 이번 포스트에서는 웹 프로그래밍을 위해 꼭 필요한 HTTP에 대해서 살펴보자. URL URL 구성 URL(Uniform Resource Locator는 인터넷에서 리소스의 위치를 나타내는 주소로 사용되며 다음의 구조를 갖는다. 요소 설명 프로토콜(protocol) 서버와 클라이언트 사이의 통신 규약 ex: HTTP, HTTPS, FTP 호스트(HOST) 리소스가 위치하는 서버의 도메인 이름이나 IP 주소 포트(Port) 리소스를 제공하는 서비스의 포트 번호로 일반적으로 HTTP는 80, HTTPS는 443을 기본으로 사용 경로(Path) 서버 내에서 리소스의 위치를 지정하는 디렉토리 경로나 파일 경로 쿼리스..
꼭 알아둬야 할 HTTP웹 프로그래밍은 HTTP(Hypertext Transfer Protocol)을 기반으로 동작한다. 이번 포스트에서는 웹 프로그래밍을 위해 꼭 필요한 HTTP에 대해서 살펴보자. URL URL 구성 URL(Uniform Resource Locator는 인터넷에서 리소스의 위치를 나타내는 주소로 사용되며 다음의 구조를 갖는다. 요소 설명 프로토콜(protocol) 서버와 클라이언트 사이의 통신 규약 ex: HTTP, HTTPS, FTP 호스트(HOST) 리소스가 위치하는 서버의 도메인 이름이나 IP 주소 포트(Port) 리소스를 제공하는 서비스의 포트 번호로 일반적으로 HTTP는 80, HTTPS는 443을 기본으로 사용 경로(Path) 서버 내에서 리소스의 위치를 지정하는 디렉토리 경로나 파일 경로 쿼리스..
2024.03.05 -
이번 포스트에서는 Vue.js 등 프론트엔드 프레임워크 들에서 반응성을 위해 사용하는 Proxy에 대해서 살펴보자. 반응성이란? 반응성(Reactivity) 반응성이란 선언적인 방식으로 어떤 값에 대한 변경에 대한 제어를 수행하는 프로그래밍 방식을 말한다. 예를 들어 다음과 같은 엑셀을 생각해보자. A와 B에는 각각 10, 20이 할당되어 있다. Sum에는 이들의 합을 저장하도록 선언되어있으므로 30이 저장된다. 이 상황에서 A의 값을 20으로 변경하면 Sum은 자동으로 계산 결과를 수정해서 40으로 변경된다. 이것이 바로 반응성이다. JavaScript의 반응성 하지만 우리의 일반적인 프로그램은 반응성을 갖지 못한다. const nums = { A: 10, B: 20 }; let sum = nums.A..
[새로운 기능] Proxy이번 포스트에서는 Vue.js 등 프론트엔드 프레임워크 들에서 반응성을 위해 사용하는 Proxy에 대해서 살펴보자. 반응성이란? 반응성(Reactivity) 반응성이란 선언적인 방식으로 어떤 값에 대한 변경에 대한 제어를 수행하는 프로그래밍 방식을 말한다. 예를 들어 다음과 같은 엑셀을 생각해보자. A와 B에는 각각 10, 20이 할당되어 있다. Sum에는 이들의 합을 저장하도록 선언되어있으므로 30이 저장된다. 이 상황에서 A의 값을 20으로 변경하면 Sum은 자동으로 계산 결과를 수정해서 40으로 변경된다. 이것이 바로 반응성이다. JavaScript의 반응성 하지만 우리의 일반적인 프로그램은 반응성을 갖지 못한다. const nums = { A: 10, B: 20 }; let sum = nums.A..
2022.06.02