1. 예제 1 - HTML & CSS 변경

1.1 사전준비

먼저 새로운 폴더를 만들어줍시다. 어떤 이름으로 해도 괜찮습니다.

이제 만든 폴더 안에 HTML & CSS 파일로 다음과 같은 페이지를 만들어봅시다.

Untitled

성공적으로 위의 페이지를 구현했다면, 이제 여기에 Javascript 파일을 적용시켜봅시다.

HTML 파일 속 <body> 태그 안쪽 맨 밑에 아래와 같은 코드를 넣어줍시다.

<script src="index.js"></script>

그럼 이런 모습이 되겠죠?

Untitled

만약 1강을 유심이 들으신 분이라면 위의 코드가 무엇을 의미하는지 아실 겁니다. 위 코드는 바로 HTML 파일과 JS파일을 연결시켜주는 코드입니다!