박스모델이란?
박스 모델 웹 페이지의 모든 요소는 박스 형태의 영역을 가지고 있다. 브라우저는 이 박스 모델의 크기와 속성 그리고 위치를 계산하여 웹 페이지를 화면에 띄운다. 박스 모델의 ...
Recent Posts
이벤트 플로우 (버블링, 캡처링)
이벤트란? 이벤트란 클릭이나 키보드 입력과 같이 일반적으로 사용자가 행하는 모든 동작을 일컫는다. 사용자의 입력을 받기 위해, 우린 HTML 요소에 이벤트를 연결해주는데 이것...
CORS란?
들어가기전 등장 배경 예전에는 클라이언트가 동일한 서버에서만 리소스를 받았기 때문에, 리소스의 위험성에 대한 의심의 여지가 없었다. 웹 생태계가 다양화되면서 서로 다른 도메인...
브라우저 저장소 (Cookie, Session, Web Storage)
HTTP 프로토콜의 특징은 비연결성과 무상태성이다. 무상태성의 큰 단점은 서버가 클라이언트를 알지 못하기 때문에 매 요청마다 확인해야한다는 것이다. 이를 보완하기 위해, 쿠키...
GET과 POST의 차이
GET 클라이언트가 서버로부터 데이터를 가져와 보여줄 때 사용한다. 즉, 어떠한 정보를 가져와서 조회하기 위해 사용하는 메서드(방식)이다. 클라이언트에서 서버로 요청 시, U...
HTTP란?
HTTP란? HTTP는 하이퍼텍스트 전송 프로토콜(HyperText Transfer Protocol)의 약어로, 인터넷에서 데이터를 주고받을 수 있는 프로토콜이다. 웹 페이지...
this란?
This란 객체지향 프로그래밍에서 객체는 상태를 나타내는 프로퍼티와 동작을 나타내는 메서드가 하나의 논리적인 단위로 묶여진 자료구조다. 메서드가 자신이 속한 객체의 프로퍼티를...
Programmers - Level 2 : 양궁 대회
문제 설명 라이언은 저번 카카오배 양궁대회 우승자이고 이번 대회에도 결승전까지 올라왔다. 결승전 상대는 어피치이다. 결승전 규칙은 전 대회 우승자인 라이언에게 불리하게 다음과...