성취도 상중하 이해도 자가 점검 리스트 Chapter1. 레이아웃 레이아웃이 필요한 이유를 이해한다. 레이아웃을 위한 HTML을 만들 수 있다. Chapter2. Flex display: flex; 를 자식 요소가 아닌 부모 요소에 적용해야 함을 이해한다. / display : flex는 부모 , flex glow/shrInk/basis는 자식 flex-direction 을 이용하여 요소를 정렬할 방향을 결정할 수 있다. justify-content 와 align-items 를 이용하여 수평-수직 정렬을 결정할 수 있다. flex-grow 를 이용하여 요소를 얼마나 늘릴 것인지 결정할 수 있다. / 크기를 맞출 때에는 grow보다 basis가 더 정확한 때가 있음. flex-basis 를 이용하여 요소의..

오전 AM 01:30 취침 AM 08:25 아침 기상 및 잠자리 정리 AM 09:00 세안 후 Flex 학습 오후 PM 12:00 점심식사 PM 12:30 잠깐 휴식 PM 13:00 오후 Flex 학습 PM 15:00 페어와 계산기 목업만들기 PM 18:00 페어프로그래밍 종료 PM 18:30 블로그 정리 PM 19:00 오늘 배운내용이 머리에서 떠나가기 전 블로그 작성 PM 21:00 개인공부 PM 22:00 자유시간 종료 및 자유시간

오전 AM 01:00 취침 AM 08:45 아침 기상 및 잠자리 정리 AM 09:20 CSS기초 학습 AM 11:00 박스모델 학습 오후 PM 12:00 점심식사 PM 12:30 잠깐 휴식 PM 13:00 박스모델 학습 PM 13:30 CSS Selector 학습 PM 17:00 실시간 Zoom 세션 PM 18:00 유닛학습경험 조사 PM 18:30 블로그 정리 PM 19:00 오늘 배운내용이 머리에서 떠나가기 전 블로그 작성 PM 21:00 개인공부 PM 22:00 자유시간 종료 및 자유시간

성취도 상중하 이해도 자가 점검 리스트 Chapter1. CSS 기초 CSS의 사용 목적을 이해한다. CSS의 기본 문법과 구조를 이해한다. CSS를 HTML에 적용하는 방법에 대해서 이해한다. / 관심사 분리 패러다임 HTML 안에 CSS를 직접 정의하는 것을 권장하지 않는 이유를 이해한다. CSS를 이용해 텍스트를 꾸밀 수 있다. CSS에서 쓰이는 단위를 기억하고, 각 단위가 적합한 경우를 구분할 수 있다. MDN 또는 w3school 등의 레퍼런스 사이트를 이용해 CSS 속성을 검색하고 이용할 수 있다. Chapter2. 박스모델 CSS 박스 모델을 이해할 수 있다. 박스를 구성하는 네 가지 요소를 구분하고 각각에 대해 설명할 수 있다. margin, border, padding, content 박..

기본 셀렉터 전체 셀렉터 전체 셀렉터는 문서의 모든 요소를 선택합니다. 1 * { } 태그 셀렉터 태그 셀렉터는 같은 태그명을 가진 모든 요소를 선택합니다. 복수로도 선택할 수 있습니다. 1 2 3 4 h1 { } div { } section, h1 { } ID 셀렉터 ID 셀렉터는 #id로 입력하여 선택합니다. 1 #only { } class 셀렉터 class 셀렉터는 .class로 입력하여 선택합니다. 같은 class를 가진 모든 요소를 선택합니다. 1 2 .widget { } .center { } attribute 셀렉터 attribute 셀렉터는 같은 속성을 가진 요소를 선택합니다. (모두 암기하실 필요는 없습니다.) 1 2 3 4 5 6 7 a[href] { } p[id="only"] { } p..

성취도 상중하 이해도 자가 점검 리스트 Chapter1. 웹 개발 이해하기 웹 개발에 있어서 HTML, CSS, JavaScript의 역할을 각각 설명할 수 있다. VScode에서 폴더를 열고 새로운 파일을 생성할 수 있다. VScode를 이용하여 작성한 HTML, CSS를 브라우저에서 확인할 수 있다. Chapter2. HTML 기초 HTML을 CSS를 적용하고, JavaScript로 개발할 수 있게(Programmable) 작성할 수 있다. HTML이 "구조를 표현하는 언어" 라는 의미를 자신의 언어로 표현할 수 있다. HTML의 구조와 문법에 대해서 이해하고 적용할 수 있다. 자주 사용되는 HTML 요소(Element)가 무엇인지 알고 차이를 설명할 수 있다. , 요소가 무엇이고, 어떤 차이가 있는..