코딩자율학습단 19기 | 1일차 학습일지 – 첫 HTML 문서 만들기, 실행 확인

0) 오늘 학습 범위

• 날짜/Day: 26/01/12 (Day 1)
• 교재 범위: ~ 1.2 첫번째 HTML 문서 만들기 (종이책 p.24)

[HTML 1일차] 1.2 첫번째 HTML 문서 만들기(~p.24) 범위 안내

출처: 네이버 카페 ‘코딩 자율학습단’ 안내(카카오톡 채널 메시지 캡처)

1) 오늘의 핵심 키워드 3가지

• 핵심 키워드 1: 코드 에디터(code editor)
• 핵심 키워드 2: VScode(Visual Studio Code)
• 핵심 키워드 3: index.html

2) 실습/결과

2-1) 핵심 코드

첫 HTML 문서를 만들어 title과 p 태그를 넣어봤고, 브라우저에서 글자가 제대로 뜨는지도 확인했어요.

그리고 UTF-8, viewport 같은 기본 설정도 같이 넣어서 웹페이지 뼈대부터 정리했습니다.

index.html 작성 화면(기본 구조)

2-2) 결과물 요약

로컬 서버 주소(127.0.0.1:5500/index.html)로 접속해 페이지가 정상 렌더링되는 것을 확인했어요.

• 브라우저 탭 제목: My First Web Page!
• 본문 출력: 나의 첫 번째 웹 페이지

브라우저 실행 결과(로컬에서 index.html 출력 확인)

3) 이슈 로그

• 오늘은 큰 이슈 없이, 정상적으로 동작하는 것을 확인했습니다.

4) 학습단 도서

「코딩 자율학습 HTML + CSS + 자바스크립트」(김기수 지음, 길벗)