프론트엔드

(화면에 그려질 것만 결정한다)레이아웃단계레이아웃 단계에서는 뷰포트 내에서 각 요소의 정확한 위치와 크기를 정확하게 캡처하는 Box 모델이 출력됩니다. 모든 상대적인 측정값은 화면에서 절대적인 픽셀로 변환됩니다.페인팅 단계레이아웃 단계에서 각 노드들이 위치, 크기, 색

cors는(Cross Origin Resource Sharing)의 약자로 추가 Http 헤더로서, 한 출저에서 실행중인 웹을 다른 출처로 데이터나 리소스를 접근권한을 부여하도록 브라우저에게 알려주는 체제이다.앱플리케이션은 자신의 리소스 출저(프로토콜, 호스트, 포트)

웹 에서 사용되는 데이터나 리소스를 HTTP URI 로 표현하고,http 프로토콜 을 통한 요청과 응답을 정의하는 하나의 방식이다. Rest api 기반으로 구현한 웹 서비스는 'Restful'하다고 표현한다.리소스명은 동사가 아닌 명사로 작성해야하고 최대한 리소스 표

Server Side Rendering 의 약자로 말 그대로 서버에서 파일을 렌더링 끝마친 상태에서 클라이언트로 전달하는 방식이다.1\. 브라우저에서 get 요청을 보낸다.2\. 서버는 해당 요청을 받고 파일을 렌더링한다.3\. 렌더링 완료한 파일을 클라이언트에 보내

쿠키는 클라이언트 로컬에 키와 값이 들어있는 작은 데이터 파일이다.쿠키는 클라이언트의 상태정보를 로컬에 저장했다가 참조합니다.특징은 브라우저창 닫더라도 데이터가 유지됩니다.장점은 서버에 불필요한 데이터를 저장하지않습니다.브라우저마다 차이는 있지만 용량이 약5MB 정도된

HyperText Transfer Protocol의 약어로 웹트라우저 클라이언트와 서버의 하나의 통신규약이다.Protocol: 컴퓨터간의 데이터 교환하는 방식 규칙.Stateless: http 통신에서 서버는 클라이언트의 상태를 저장하지 않는다. 클라이언트의 상태를 저

비동기방식은 현재 작업의 응답과 다음 작업의 요청이 동시에 진행되지 않아도 되는 것으로 응답에 관계없이 바로 다음 동작이 실행되는 것을 말한다자바스크립트를 이용해 비동기적으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 방식이다.비동기처리를 위해서 사용되는 패턴이다

자바스크립트는 싱글쓰레드기반 언어이기때문에 한번에 여러작업을 처리할 수 없습니다. 하지만 실제로 웹 애플리케이션에서는 동시에 여러가지작업을할 수 있는 것처럼 느껴진다. 이처럽 자바스크립트를 동시성을 지원하는 것이 바로 브라우저에서 지원하는 이벤트루프입니다.(node.j

GET 요청은 데이터 요청할때만 사용할것.http 메시지에 body가 없어서 URL에 모든 정보를 담아서 보내야함.GET 요청은 캐시가 가능하다. GET을 통해 서버에 리소스를 요청할 때 웹 캐시가 요청을 가로채 서버로부터 리소스를 다시 다운로드하는 대신 리소스의 복

웹 접근성은 모든 신체적 한계, 환경적 한계를 고려해 개발하는 것을 의미합니다. 웹 접근성을 따르는 개발은 장애가 있거나 노령으로 인한 신체 변화, 여러 기기 환경을 사용하는 모든 사람이 웹 사이트와 도구등을 사용할 수 있도록 개발 라는하을 의미합니다. WCAG(Web