![]()
🐝 상위 스코프의 결정프로그래밍 언어가 함수의 상위 스코프를 결정하는 방법에는동적(Dynamic) 스코프: 함수를 호출한 위치에 따라 결정정적(Static) 스코프 -> 렉시컬(Lexical) 스코프: 함수를 선언한 위치에 따라 결정두 가지 방법이 있습니다. 예를 들어, 아래와 같은 코드가 있을 때var x = 1;function foo() { var x = 10; bar(); // 함수 bar()가 호출된 위치}function bar() { // 함수 bar()가 선언된 위치 console.log(x);}foo();동적 스코프를 따른다면 함수를 호출한 위치에 따라 상위 스코프를 결정하여,함수 bar()의 상위 스코프는 -> 함수 foo()와 전역 변수인 x입니다. 정적 스코프(렉시컬 스코프)..
![]()
html의 br 태그는 텍스트 안에 줄바꿈을 생성합니다. 그런데 PC 화면에서는 줄바꿈이 필요했지만, 작은 화면에서 줄바꿈을 하면 스크롤이 길어지는 문제로 해당 기능을 없애고 싶은 경우가 있을 수 있습니다. 예를 들어, PC 화면인 경우에는 아래와 같이 br 요소가 포함된 텍스트를 그대로 배치하지만태블릿 화면인 경우, br 요소가 줄바꿈 기능을 하지 않게 만들고 싶은 상황입니다.이때 제가 잊고 있던 기본적인 내용만을 활용하여 이를 해결할 수 있습니다. 태그에도 class를 적용할 수 있습니다.너무 당연한 이야기지만 이상하게 br 태그에는 적용할 생각을 하지 못했습니다. 간단한 방법으로 br 태그의 display 속성을 none으로 설정하면 br 태그는 줄바꿈을 하지 않습니다. 하지만 더 나아가 줄바꿈 ..
![]()
🌵 개요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..
