게으른 나에게

9.1 변수와 상수1-1 변수데이터를 저장할 수 있는 공간. -변수: 변할 수 있는 데이터를 저장하는 공간 -상수 변수: 재할당 할 수 없는 데이터를 저장하는 공간  -키워드(=예약어): 자바스크립트 프로그래밍   어떤 역할이나 기능이 정해진 특별한 단어. -식별자: 자바스크립트 내부에서 변수, 함수 등에 부여되는 이름을 의미. var, let, const 등의 키워드와 함께 사용하면 식별자라는 용어보다는 변수명이라고 함. 키워드는 식별자로 사용할 수 없음. -연산자: 이름 그대로 어떠한 연산 작업을 하는 데 사용하는 기호.  -표현식: 표현식을 실행해 하나의 값을 만드는 과정되어 하나의 값을 반환하는 식 또는 코드를 의미. -값: 더 이상 평가할 수 없는 데이터를 의미.  -세미콜론: 자바스크립트에서 ..

7.1 플렉스 박스 레이아웃으로 1차원 레이아웃 설계하기1. 플렉스 박스 레이아웃플렉스 박스 레이아웃은 1차원 레이아웃 설계를 위해 CSS3에서 추가된 개념. 플렉스 박스 레이아웃의 구성 요소는 다음과 같음.※ 레이아웃 확인 방법: 웹 브라우저에서 지원하는 방법으로 플렉스 박스 레이아웃 확인 가능. 크롬 브라우저에서는 개발자 도구 사용.구성요소설명주축(main axis)플렉스 박스의 빈행 방향과 수평한 축교차축(cross axis)주축과 수직하는 축플렉스 컨테이너(flex container)display 속성 값으로 flex나 inline-flex가 적용된 요소플렉스 아이템(flex item)플렉스 컨테이너와 자식 관계를 이루는 태그 요소 2. 플렉스 박스 레이아웃 기본 속성속성 설명displayflex..

6.1 CSS의 특징 살펴보기1. CSS 특징 1) 기본 스타일 시트는 웹 브라우저에 기본으로 내장된 스타일 시트를 말함. 2) 적용 우선순위는 같은 태그에 스타일 속성이 중복으로 작성 됐을 때, 어느 속성을 적용할지 결정하는 기준. 적용 우선순위는 개별성 규칙의 점수에 따라 계산 됨.선택자예점수전체 선택자*0태그 선택자div, p, h11가상 요소 선택자::before, ::after1클래스 선택자.box, .title10가상 클래스 선택자:hover, :visited, :link10아이디 선택자#title, #main100인라인 선택자style="color:red"1000 3) 상속은 부모 요소의 속성을 자식 요소가 물려받는 것을 말함. 4) CSS에는 절대단위: Px / 상대단위: em, rem, ..

5.1 기본 선택자 사용하기1. 선택자선택자는 CSS 속성을 적용할 대상을 선택하는 문법으로, 다양한 종류의 선택자를 지원 2. 기본 선택자 1) 전체 선택자: 모든 태그를 선택자로 지정.* { /* CSS 코드 */ }  2) 태그 선택자: 태그명으로 선택자를 지정.태그명 { /* CSS 코드 */ }  3) 아이디 선택자: id 속성값으로 선택자를 지정#id속성값 { /* CSS 코드 */ }※ id 속성값은 HTML문서 안에서 고유한 값이어야 함.  4) 클래스 선택자: clss 속성값으로 선택자를 지정.class속성값 { /* CSS 코드 */ }  5) 기본 속성 선택자: HTML 태그에서 사용할 수 있는 속성과 값으로 선택자를 지정[속성] { /* CSS 코드 */ }[속성=값] { /* CS..

3.1 텍스트 작성하기1. 텍스트 관련 태그HTML에서 텍스트에 사용할 수 있는 태그 -hn태그: 주제나 제목 성격의 텍스트를 작성할 때 사용 -p 태그: 텍스트로 문장 또는 단락을 구성할 때 사용 -br 태그: 텍스트를 줄 바꿈할 때 사용 -blockquote 태그: 문단 단위의 인용문을 작성할 때 사용 -q 태그: 문장 단위의 짧은 인용문을 작성할 때 사용 -ins 태그: 추가할 텍스트를 표시할 때 사용 -del 태그: 삭제할 텍스트를 표시할 때 사용 -sub 태그: 아래 첨자를 표시할 때 사용 -sup 태그: 위 첨자를 표시할 때 사용 3.2 그룹짓기2. 그룹을 위한 태그HTML에서 그룹화에 사용하는 태그. 태그 자체에 어떠한 의미도 없으므로 논 시맨틱 태그에 속함. -div 태그: 블록요소와 인라..

2.1 HTML의 기본 구성요소 1. 태그- HTML 문법을 이루는 가장 작은 단위- 웹페이지 구성요소 정의.  2. 속성- 태그를 의미나 기능적으로 보충. 3. 문법 - HTML 문법은 태그와 속성으로 구성- 속성은 생략가능- 속성은 여러개 사용 가능- 태그없이 단독 사용 불가능.- 콘텐츠가 있는 문법 (시작태그+종료태그)My First Web Page! - 콘텐츠가 없는 문법 (시작태그) 4. 주석- 코드에 메모나 설명을 남기고 싶을 때 사용.- 웹 브라우저의 소스 보기로 주석이 노출되므로 보안이 필요한 내용 작성 x 2.3 HTML의 기본 구조5.HTML의 기본 구조 *DTD: 문서형 정의. 문서 작성할 때 항상 처음에 넣어야 함* *문서의 시작과 끝* *웹 브라우저에 노출되는 내용..