오전 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)가 무엇인지 알고 차이를 설명할 수 있다. , 요소가 무엇이고, 어떤 차이가 있는..

함수 정의 함수는 입력을 받아서 코드블록 내부의 코드를 실행한 후 함수의 실행결과를 반환하는 일련의 과정의 묶음입니다. [그림] 함수 정의 - 1 먼저, 함수 외부에서 특정한 입력값을 전달하여 호출할 수 있습니다. 함수가 호출되면 함수의 내부의 코드가 실행됩니다. 그리고 함수의 실행결과는 다시 함수 외부로 반환(return)할 수 있습니다. [그림] 함수 정의 - 2 예를 들어, 함수 외부에서 x는 2, y는 3이라는 입력값이 주어졌다고 해보겠습니다. 함수 내부에는 x와 y를 더하여 함수 외부로 반환하도록 코드가 작성되어 있습니다. x와 y를 더한 값은 5이기 때문에, 이 함수는 5를 반환하게 됩니다. 만약 함수외부에서 x와 y에 2와 3이 아닌 다른 값을 전달했다면, 다른 결과가 나왔을 거라는 것을 유..