![]()
🌵 개요http 메서드란,클라이언트와 서버 사이에서 이루어지는 리퀘스트(request, 요청) 및 리스폰스(response, 응답) 데이터를 전송하는 방식으로, 서버가 수행해야 할 동작을 지정하여 리퀘스트를 보내는 방법입니다.- Inpa Dev리퀘스트는 헤드(head)와 바디(body)로 이루어져 있으며,서버는 헤드 속에 들어있는 헤더(header)에 적힌 메서드의 종류를 보고 해당 리퀘스트가 어떤 동작을 원하는 리퀘스트인지 판단합니다.http 메서드의 종류에는 총 9가지가 존재합니다.주요 메서드GET: 기존의 데이터를 조회하는 리퀘스트POST: 새로운 데이터를 추가하는 리퀘스트PUT: 기존의 데이터에 새로운 데이터를 덮어씀으로써 수정하는 리퀘스트DELETE: 기존의 데이터를 삭제하는 리퀘스트PATCH..
![]()
기본 스타일에서 display를 어떤 속성으로 설정하고, 미디어 쿼리에서 해당 속성을 제거하려면 display 속성을 초기값으로 설정해야 합니다.display 속성의 초기값은 block입니다.따라서, 특정 미디어 쿼리에서 display: block을 설정하면 기본 스타일이 적용되지 않게 됩니다. 예를 들어, display를 flex로 설정한 뒤에 미디어 쿼리에서 flex를 적용하고 싶지 않다면,아래와 같이 display를 block으로 변경해주면 됩니다./* 기본 스타일 - 데스크탑 기준 */nav { display: flex; /* 기본을 flex 속성으로 지정 */ padding-left: 32px; padding-right: 32px;}/* Tablet: 1199px 이하 */@media s..
![]()
🪴 개요this 하면 떠오르는 언어인 Java의 this는 객체인 자기 자신을 가리키는 참조 변수입니다. 주로 매개변수와 자신(객체)이 가지고 있는 변수명이 같을 때, 둘을 구분하기 위해 'this.변수명'으로 사용됩니다. 그러나 자바스크립트의 this는 Java와 같은 언어에서의 쓰임과 다른 점이 있습니다.자바스크립트의 this는 함수를 호출한 방식에 따라 this에 바인딩 될 객체가 동적으로 결정됩니다.(함수를 선언할 때 결정되지 않음 = 정적으로 결정되지 않음)따라서 this는 함수를 '호출한 객체'를 가리킵니다.바인딩(binding)이란 프로그램을 구성하는 어떤 요소의 실제 값 또는 프로퍼티를 결정짓는 행위입니다.this의 경우, 특정 객체나 값을 가리키도록 하는 행위인 것입니다.- cjkang..
![]()
🫧 이벤트 흐름표준에서 정의한 DOM 이벤트의 흐름에는 3단계가 존재합니다.캡처링(capturing): 이벤트가 하위 요소로 전파되는 단계타깃(target): 이벤트가 실제로 의도한 타깃 요소에 전달되는 단계버블링(bubbling): 이벤트가 상위 요소로 전파되는 단계예를 들어, 아래와 같은 코드가 있고 테이블의 세 번째 요소에 클릭 이벤트를 할당한 경우 apple banana cherry durian 세 번째 'cherry'..
