꿈꾸는 새벽하늘

1. JavaScript는 HTML과 연결되어 있다. console에 document를 입력하면 작성한 HTML을 가져올 수 있다. JavaScript에서 HTML을 읽어올 수도 있고, JavaScript에서 HTML을 수정할 수도 있다. 2. document는 object이다. 브라우저에서 제공하는 객체중 document 는 JS 에서 HTML 파일을 불러올 수 있도록 도와준다. 3. JavaScript에서 HTML 변경하기 => title element가 "My Day Plan"으로 변경된다. 4. JavaScript에서 HTML element를 가져오기 (1) getElementById Grab me!//HTML const title = document.getElementById("title");/..

1. 그리드 (1) 와 TITLE ARTICLE TITLE ARTICLE 아무 의미 없는 디자인 목적의 태그 block level element 자동 줄바꿈 O 아무 의미 없는 디자인 목적의 태그 inline level element 자동 줄바꿈 X (2) grid-template-columns grid-template-columns: 150px 1fr; 첫 번째 태그는 150px로 지정, 두 번째 태그는 남은 공간 사용 grid-template-columns: 1fr 1fr; 화면을 1:1로 나누어서 사용 grid-template-columns: 2fr 1fr; 화면을 2:1로 나누어서 사용 2. 그리드 적용 My Web About Notice Contact NOTICE This is 'Notice' ..

1. CSS 등장 배경 (1) HTML이 정보에 전념하게 하기 위해서 HTML로부터 디자인에 대한 기능을 분리한 것. (2) CSS를 통해 웹페이지를 디자인하는 것이 HTML을 통해 웹페이지를 디자인하는 것보다 훨씬 효율적. 2. style 태그 My Web About Notice Contact => 모든 태그에 디자인 적용 3. style 속성 My Web About Notice Contact => style 속성이 위치하고 있는 태그에 디자인 적용 (1) style 속성 2개 사용하는 법 Contact 4. CSS 속성 5. 선택자(Selector) My Web About Notice Contact This is 'Notice' page. => 기본적으로 모든 링크는 검은색, 사용자가 방문했던 링크는..