HTML, CSS, JS 3

[HTML] HTTP에 대해서

HTTP에 대해서 Http란? HTTP는 HyperText Transfer Protocol의 약자로 주로 HTML과 같은 HyperText문서를 주고 받기 위해 만들어 졌고, 최근에는 HTML뿐 아니라 모든 웹 관련 API통신에 이용하고 있는 통신 프로토콜입니다. HTTP프로토콜은 비연결성(Connectionless)과 무상태성(Stateless)의 특징을 가지는 통신 프로토콜입니다. ●비연결성(Connectionless) : 처음 연결을 맺은 후 요청(Request)과 한 번의 응답(Response)이후 연결이 종료됩니다. 매 요청마다 다시 연결을 맺습니다. 매번 연결을 맺어 느려지는 것을 보완하기 위해 KeepAlive와 같은 속성을 활용할 수 있습니다. ●무상태성(Stateless) : 프로토콜에서..

HTML, CSS, JS 2022.04.24

[JS] CallBack(콜백함수)

CallBack 콜백함수란 CallBack 함수란 이름 그대로 나중에 호출되는 함수를 말한다. 콜백함수라고 해서 그 자체로 특별한 선언이나 문법적 특징을 가지고 있지는 않다. 콜백함수도 일반적인 자바스크립트 함수일 뿐이다. 콜백 함수는 코드를 통해 명시적으로 호출하는 함수가 아니라, 개발자는 단지 함수를 등록 하기만 하고, 어떤 이벤트가 발생했거나 특정 시점에 도달했을 때 시스템에서 호출하는 함수를 말한다. 즉 콜백함수는 콜백함수라는 유니크한 문법적 특징을 가지고 있는 것이 아니라, 호출방식에 의한 구분이다. 즉, 콜백 함수란 다른 함수의 인자로서 이용되는 함수. 어떤 이벤트에 의해 호출되어지는 함수. 비동기적 테크닉을 사용하는 경우 사용자 이벤트 처리 브라우저 화면에서 발생하는 사용자의 이벤트는 예측이..

HTML, CSS, JS 2022.04.24

[CSS] FlexBox에 대해서

flexbox란? - flexbox는 뷰포트나 요소의 크기가 불명확하거나 동적으로 변할 때에도 효율적으로 요소를 배치, 정렬, 분산할 수 있는 방법을 제공하는 CSS3의 새로운 레이아웃 방식이다. flexbox의 장점을 한 마디로 표현하면 ‘복잡한 계산 없이 요소의 크기와 순서를 유연하게 배치할 수 있다’ 라고 할 수 있다. 정렬, 방향, 순서, 크기 등을 유연하게 조절할 수 있기 때문에 별도의 분기 처리를 줄일 수 있고, CSS만으로 다양한 레이아웃을 구현할 수 있다. flexbox 기본 및 용어 - flexbox는 단일 속성이 아닌 전체 모듈이기 때문에 전체 속성 집합을 포함하여 많은 것을 포함합니다. 그들 중 일부는 컨테이너(부모 요소, “플렉스 컨테이너”로 알려짐)에 설정되어야 하는 반면, 나머지..

HTML, CSS, JS 2022.03.15