프로필 페이지 파일 연결 순서

프로필 페이지 실습에서는 세 파일이 각자 역할을 나누고 브라우저가 이를 합쳐 화면과 동작을 만듭니다.

1

my_profile.html

header, section, footer, button으로 화면에 보일 콘텐츠와 구조를 먼저 만듭니다.

2

profile_style.css

head 안에서 연결해 페이지가 그려질 때 색상, 여백, 글꼴, 버튼 모양을 적용합니다.

3

profile_script.js

body 끝에서 연결해 버튼 요소가 준비된 뒤 클릭 이벤트를 붙입니다.

핵심프로필 페이지 파일 연결 순서은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.