1. 스코프(Scope)란?스코프(Scope)는 변수의 유효 범위를 의미하며, 특정 변수나 함수가 어디에서 접근할 수 있는지를 결정합니다. JavaScript에서는 다양한 스코프 규칙이 적용됩니다.2. 스코프의 종류2.1 전역 스코프(Global Scope)전역 스코프에 선언된 변수는 코드 어디서든 접근할 수 있습니다.2.2 지역 스코프(Local Scope)함수 내부에서 선언된 변수는 해당 함수 내에서만 접근할 수 있습니다.2.3 블록 스코프(Block Scope)let과 const 키워드로 선언된 변수는 중괄호 {} 내부에서만 유효합니다.하지만 var는 블록 스코프를 가지지 않으며, 함수 스코프를 따릅니다.3. 함수 스코프와 블록 스코프의 차이var는 함수 스코프를 가지며, 함수 내부에서 선언된 변수..

Html 을 수정할 때 사용하는 블록들을 가로로 정렬할지, 세로로 정렬할지 고민하는 경우가 많습니다.이 때 Flex 레이아웃을 사용해봅시다. Flex 레이아웃은 웹페이지의 레이아웃을 보다 효율적으로 구성하기 위해 사용하는 기술로, flexbox 를 사용하면요소들을 부모 컨테이너에서 유연하게 정렬하고 배치할 수 있습니다. 특정 요소에 display : flex 를 작성하면 해당 요소를 flex 컨테이너로 사용하겠다는 말을 의미합니다.flex 컨테이너의 속성을 알아보겠습니다. 1. 부모 요소(display : flex; 에 적용하는 요소) 속성속성설명 display: flex;Flexbox 활성화flex-direction주축 방향 설정 (기본값: row)justify-content주축 방향 정렬 (row라면..

HTML(HyperText Markup Language)은 웹 페이지를 만들 때 사용하는 마크업 언어입니다. 주로 웹페이지의 구조를 정의하는 역할을 합니다. 마크업 언어는 문서가 화면에 표시되는 형식을 나타내거나 데이터의 논리적인 구조를 명시하기 위한 규칙들을 정의한 언어의 일종입니다. 1. HTML의 기본구조HTML 문서는 기본적으로 총 5가지의 주요 태그가 있습니다.  : HTML5 문서임을 선언: HTML 문서의 시작과 끝을 정의: 문서의 메타데이터(문서 정보, CSS, JavaScript 포함): 웹 브라우저의 제목 표시줄에 표시될 제목: 실제 웹 페이지에 표시될 내용2. HTML 의 기본 태그- 제목 태그(Heading) : 부터 까지 있으며, 숫자가 작을수록 글자가 크고 굵습니다.- 단락 및 ..