First Page Build

첫 웹 페이지 완성 흐름

첫 웹 페이지는 HTML로 구조를 만들고, CSS로 스타일을 입히고, JavaScript로 작은 상호작용을 붙인 뒤 브라우저에서 확인하며 완성합니다.

HTML제목과 본문 배치
CSS색과 여백 조정
JavaScript버튼 동작 연결
Browser저장 후 새로고침
01

HTML 먼저

문서 제목, 설명, 버튼처럼 화면에 필요한 요소를 의미에 맞게 배치합니다.

02

CSS 적용

선택자로 요소를 찾아 글꼴, 색, 여백, 정렬을 조정합니다.

03

JS 연결

버튼 클릭이나 입력 변화처럼 작은 이벤트부터 붙입니다.

04

브라우저 확인

화면, 콘솔, 경로 오류를 함께 확인하며 수정합니다.

완성 체크

  • CSS와 JavaScript 파일 경로가 HTML에서 올바르게 연결됐는지 확인합니다.
  • 저장 후 새로고침해도 바뀌지 않으면 캐시와 파일 위치를 점검합니다.
  • 오류가 보이면 브라우저 콘솔 메시지의 파일명과 줄 번호를 먼저 봅니다.

작업 순서

HTML뼈대
CSS표현
JS반응
Console점검