모-코드

I. 시맨틱 영역태그(6) 1. 섹션 내의 영역 태그 용법(22) main은 꼭 한번만 가능한데, 한번은 나와야할까? 나오지 않아도 괜찮다! index페이지나 관리자페이지 등은 메인이 없을수도있다. 왜? 음식먹으러 왔는데, 중국집이 요리 홍보위해 시식코너 만들었는데 메인은 없는것이다.' 1) header / main / footer 얘들은 section이 아니기 때문에 제목을 이끌고 있는것들이 아님 2. 블록태그와 인라인 태그의 특징(23) 지금까지는 방만들기였다면, 이제부터는 방과달리 content자체를 꾸며주거나 content를 설명할때 쓰는것이다. 어휘자체에서 의미를 느껴보자 block 는 머릿속에 박스(영역)을 그리고 영역안에 content가 들어간다 inline 은 _______ 한줄에서있는데,..

I. 엘리먼트 객체 선택하기 (05) 문서에서 태그와 연관되어있는 메모리상 객체를 엘리먼트 객체라고한다. 1. 스크립트 작성방식 : ID를 직접 이용하는 방식의 문제점 구분자로 id로 이름을 달게되면 된다. 그러나 id 를 JS에 직접 가져다 쓰면 문제가있다. btn-print로 JS 는 대시(-)는 쓸 수 없다. 우리는 이렇게 보다 document 보따리 다른말로 컨테이너(엘리먼트를 가지고있는 박스) 이 컨테이너가 다큐먼트 객체이다 다큐먼트 객체에게 내가 이 이름을 호명할 것이니까 이 객체 좀 얻어줘라는 방식으로한다. 오류가 나니까 이 이름을 바꾸고 가지고온다. id 를 가지고 element 줘 라고 하는 의미이다. 꺼내서 변수 규칙에 맞게 쓴다. id를 쓸수있다고 해서 쓰기보다는 얻어가지고 쓰는것이 ..

I. 영역을 위한 시맨틱 태그(17강) 묶는데 div가 쓰인다 난해한 경우가 생긴다. 1. 시맨틱 태그가 없던 시절 : HTML4까지는 다음과 같은 필수 구조를 설명하는 태그가 없었다. 사람이 만든거 뿐만아니라, 사람이 읽는게 아니라 크롤링할 때 등이있다. API제공안하고 화면만 줄때 다 div라서 main영역 알수가없다 그전에는 식별하기위해서 id를 넣어주었다. 식별자로 영역구분했음 2. 문서의 내용을 식별한는데, 표준방식이 없었던 시절 제각각 필수 구성들 : 이 구성을 식별하기 위해 나름대로 이름을 부여하였다. 누구가 맞고 틀리고가 아닌데, 영역마다 붙일때 통일 필요성이있음 그 결과 head main footer 세가지로 만들어짐 저작자 정보가 위에라도 footer라고 부름? footer로 그대로 하..

1~3회 I. 웹 퍼블리싱 개발환경 준비하기 1. 웹문서 만들기 2. vscode 준비 3. webDeveloper 준비 II. 웹문서와 마크업 도구의 이해 1. 웹문서에 대한 이해 (4) 컨텐트 블럭태그는 5가지로 대별된다. 제목 / 문장 / 목록 / 표 / 폼 html 태그 안 head태그, body태그로 나누어진다. 2. 컨텐츠 작성하기 (5) 태그사이에 쓰면된다 컨텐츠인지 여부에 따라 HTML인지 CSS로 나누어진다. 이는 정보의 목적에 따라 달라진다. 컨텐츠이면 HTML이고 , 꾸미는것에 불과하면 CSS이다 3. 컨텐츠 마크업을 위한 태그들 (6) 는 paragraph를 의미한다. 이때 태그는 방을만들어주는 블럭태그과 컨텐트를 설명해주는 태그(inLine)로 대별된다. III. 제목 컨텐츠 구조..

I. 브라우저 플랫폼 1. 브라우저 플랫폼 (1) 브라우저 플랫폼 언어는 플랫폼으로 프로그램 만들기 -> 플랫폼은 브라우저 -> 브라우저 직접 이용할수 없어서, 이용 도와주는 API를 이용한다 -> DOM BOM CSSOM 을 이용함 [하단 보충 참고] 언어(JavaScript) -> API(DOM) -> 플랫폼(브라우저) 이 중 DO CSS가 UI(동적문서)이다. 어떤 프로그램도 사용자와 상호작용위한 인터페이스가 중요 이것이 GUI다 브라우저는 윈도우 형태 어플만들수 잇는 GUI제공해주는것임 (과거 윈도우 시스템) 사용자 입출력 처리하기위해 DO CSS가 존재한다. 틀을 제공해주는 객체가 window객체이다. window는 다양한 것들이 있는데, 그 중에서 화면에 사용자에게 입출력 받을수있는것이 doc..