#0 js 파일 html 파일 연결하기 [목차] 1. HTML 파일 내부에 JS 코드 작성하기 2. HTML 파일과 JS 파일 연결하기 * 개인적인 공부 기록용으로 작성한 글이기에, 잘못된 내용이 있을 수 있습니다. #1. HTML 파일 내부에 JS 코드 작성하기 웹문서 안에 자바스크립트를 작성할 경우에는, 태그 사이에 작성합니다. 그리고, 자바스크립트는 이미지나 텍스트와 같은 요소를 제어하는 경우가 많기에, 태그 직전에 삽입하는 것이 좋습니다. 또한 HTML/CSS와 달리 JS는 대소문자를 구별하기에 코드를 작성할 때 유의해야 합니다. 다음은 「HelloWorld」라는 메시지 박스를 출력하는 예제입니다. alert()함수의 큰따옴표("")안에 출력하고자 하는 내용을 입력하면 됩니다. (메시지 박스 출력..

[CSS] #1 선택자 [목차] #1 전체 선택자 [universal selector] #2 타입 선택자 [type selector] #3 클래스 선택자 [class selector] #4 id 선택자 [id selector] #5 id 선택자 vs 클래스 선택자 * 개인적인 공부내용 정리용으로 작성한 게시글이기에, 잘못된 내용이 있을 수 있으며 지속적으로 수정해 나갈 예정입니다. 선택자란, 웹문서에 스타일을 적용할 태그(부분)을 알려주는 역할을 하는 것으로 선택자의 종류는 [전체 선택자] [타입 선택자] [클래스 선택자] [ID 선택자] 4가지로 구분합니다. #1 전체 선택자 [universal selector] 전체 선택자는 문서의 모든 요소에 스타일을 적용할 때 사용하며, *(별표)를 사용합니다. ..

#1 Style 웹에서 Style 이란 HTML 문서에서 사용하는 글꼴, 정렬, 색상 등 문서의 겉모습을 결정짓는 것을 의미합니다. HTML로는 웹 사이트의 내용을 나열하며, CSS로는 웹의 디자인을 구성하자는 아이디어가 웹표준의 시작이며, 이렇게 내용과 디자인을 구분해 두면, 사이트의 내용을 수정할 때 내용에 영향을 미치지 않고 디자인만 변경이 가능하기에 매우 편리합니다. CSS의 기본 스타일 형식은 다음과 같습니다. 선택자 { 속성1: 속성값1; 속성2: 속성값2 } ① 선택자 : 스타일을 어느 에 적용할 것인지 명시합니다. 예를들어 제목을 나타내는 태그에 스타일을 적용하고자 한다면, 선택자 부분에 h1을 적습니다. ② 속성&속성값 : 속성과 속성값을 합쳐서 스타일 규칙이라고 부르며, 세미콜론(;)으..