my_profile.html
header, section, footer, button으로 화면에 보일 콘텐츠와 구조를 먼저 만듭니다.
<button id="contactButton">
HTML은 구조를 담고, CSS와 JavaScript 파일을 정확한 위치에서 불러옵니다.
프로필 페이지 실습에서는 세 파일이 각자 역할을 나누고 브라우저가 이를 합쳐 화면과 동작을 만듭니다.
profile_style.css
head 안에서 연결해 페이지가 그려질 때 색상, 여백, 글꼴, 버튼 모양을 적용합니다.
<link rel="stylesheet">
profile_script.js
body 끝에서 연결해 버튼 요소가 준비된 뒤 클릭 이벤트를 붙입니다.
<script src="..."></script>