Javascript 에서 html을 사용할 때 첫 번째 코드와 두 번째 코드를 사용할 수 있습니다. 일반 적으로는 두 번째 방법을 많이 사용합니다. 재사용성 면에서 유리하고 코드가 길어지지 않기 때문입니다. 주의할 점으로는 script 태그를 가진 요소는 실제로 html에서 사용되는 태그보다 밑에 있어야합니다. 그래야 적용하려는 태그를 바꿔줄 수 있기 때문입니다. click 위와 같은 예시가 있습니다. DOM DOM이란 html 과 javascript를 연결하는데 있어서 필수 적인 개념입니다. DOM은 Document Object Model이라는 말의 약어이며, 단순히 텍스트로 작성된 html 파일을 트리 형태로 표현한 객체를 말합니다. DOM을 통해서 javascript와 html 파일이 연결되고, d..
기초적인 CSS 관련 내용을 기록해두려고 합니다. HTML 글 처럼 기초적인 내용을 기록해 두었다가 사전처럼 간단하게 이용할 때 사용할 수 있었으면 좋겠습니다. CSS는 HTML을 꾸며주는 역할입니다. 따라서 꾸밀 대상이 되는 요소와 스타일로 이루어져 있습니다. h1은 선택자(selector), color, font-size 는 속성(property)입니다. h1 { color: yellow; font-size:2em; } CSS 적용 방식 내용 // inline // internal div {color: red;} //CSS 파일에 div의 스타일 지정 // 링크를 걸어 css 연결 1. inline : 직접 스타일 요소를 입력합니다. 여러 개에 스타일을 바꾸려면 일일이 입력해야 한다는 단점이 있습니다..
부스트 코스로 html을 다시 공부하던 중 이전에 배웠는데 잊었던 내용을 위주로 기록하며 공부해 보려 합니다. 기록해 놨다가 사전처럼 기본적인 태그가 헷갈릴 때 많은 도움이 되었으면 좋겠습니다. 문서의 기본 구조 //형식 //언어 // 페이지 주요 내용 Hello, HTML 기초 태그 ~ : 제목 태그가 있습니다. 숫자가 작을수록 크기가 큽니다. : 단락 태그 입니다. 단락태그 내부에 글을 한 단락으로 합니다. : 줄바꿈 태그 입니다. 빈태그, 즉 닫기 태그가 필요하지 않은 태그 입니다. 일반적으로 태그가 바뀔 때 원래 줄바꿈이 일어나지만 태그 내부에서 줄바꿈이 필요할 때 주로 사용합니다. 텍스트 관련 태그 : bold 굵게 나타냅니다. : italic 기울여 나타냅니다. : underline 밑줄을 나..
