내일배움캠프/프론트엔드4 JavaScript문법,jQuery, Fetch let let 키워드는 블록 스코프(문단 안에서 노는 구역) 지역 변수를 선언하는 데 사용됩니다. 블록 외부, 즉 최상위 레벨에서 선언될 경우 글로벌 스코프를 가집니다. 선언된 블록, 문, 또는 표현식 내에서만 유효합니다. 선언 후 값 변경이 가능합니다. const const 키워드는 블록 스코프 읽기 전용 상수를 선언하는 데 사용됩니다. 블록 외부, 즉 최상위 레벨에서 선언될 경우 글로벌 스코프를 가집니다. 한 번 할당된 값은 변경할 수 없음 (불변은 아님, 객체 내부 속성은 변경 가능). 선언과 동시에 초기화되어야 합니다. var (자주 사용하진 않지만 먼지는 알아야할 것 같음) var는 함수 스코프(함수 안에서만 노는 구역)를 가지는 변수를 선언합니다. 함수 외부에서 선언될 경우 글로벌 스코프를 가.. 2024. 1. 19. HTML HTML 박스 모델 HTML의 모든 요소는 '박스 모델'을 기반으로 합니다. 이 모델은 웹 페이지 상의 각 요소를 박스로 간주하며, 다음과 같은 구성 요소로 이루어져 있습니다: 내용(Content): 요소의 실제 내용이 위치하는 부분입니다. 패딩(Padding): 내용과 테두리 사이의 공간입니다. 테두리(Border): 패딩과 마진 사이를 구분하는 선입니다. 마진(Margin): 요소와 다른 요소들 사이의 외부 간격을 설정합니다. 디스플레이 유형 블록(Block) 요소 예시: div, p, h1 특징: 전체 너비를 차지하며, 새로운 줄에서 시작하고 끝납니다. 너비와 높이, 마진, 패딩을 조절할 수 있습니다. 페이지의 구조를 만드는 데 주로 사용됩니다. 인라인(Inline) 요소 예시: span, a, i.. 2024. 1. 9. CSS 상속 CSS 상속은 특정 HTML 요소에 적용된 스타일(예: 글꼴, 색상)이 그 요소의 자식 요소에도 자동으로 적용되는 것을 의미합니다. 예를 들어, 에 적용된 글꼴 스타일은 그 내부의 , 등의 요소들에도 적용됩니다. 모든 속성이 상속되지 않음 예를 들어, margin, border, padding, width, height와 같은 박스 모델 속성은 상속되지 않습니다. 이는 상위 요소에 적용된 레이아웃이나 위치 관련 스타일이 자식 요소에 영향을 미치지 않는다는 것을 의미합니다. 상속 방지 개발자는 inherit 키워드를 사용하여 상속을 강제할 수 있지만, initial이나 unset 키워드를 사용하여 상속을 방지할 수도 있습니다. 이러한 속성을 사용함으로써 개발자는 특정 요소에 대해 상속을 무시하고 기본값을 .. 2024. 1. 9. vsCode 확장프로그램 Open in Browser Open in Browser는 VSCode에서 작성한 HTML 파일을 직접 브라우저에서 열 수 있는 편리한 확장 프로그램입니다. HTML End Tag Labels HTML End Tag Labels는 닫는 HTML 태그 옆에 어떤 태그가 닫히는지 보여주는 유용한 기능을 제공합니다. Indent Rainbow Indent Rainbow는 코드의 들여쓰기를 다양한 색상으로 표시해주는 확장 프로그램입니다. Bracket Pair Colorizer Bracket Pair Colorizer는 코드 내의 괄호 쌍을 서로 다른 색상으로 표시해주는 확장 기능입니다. autopep8 autopep8은 Python 코드를 PEP8 스타일 가이드에 맞게 자동으로 포맷해주는 도구입니다. SQLi.. 2024. 1. 9. 이전 1 다음