180일 프론트엔드 개발 챌린지 2일차: HTML 기초와 개발 환경 구축

핵심 기술: 본 콘텐츠는 웹 페이지의 구조를 정의하는 표준 마크업 언어인 HTML의 기초를 소개합니다. HTML 요소(태그), 속성의 개념을 설명하고, 개발 환경 설정에 필요한 텍스트 에디터(VS Code 추천)와 웹 브라우저(Chrome, Firefox 추천) 사용법, 그리고 파일 구성 및 첫 HTML 파일 생성 및 확인 방법을 안내합니다.

기술적 세부사항:
* HTML 이란: 웹 페이지의 '골격'을 정의하는 마크업 언어이며, 브라우저가 콘텐츠를 표시하는 방법을 결정합니다.
* HTML 요소: <opening_tag>content</opening_tag> 형태로 구성되며, 제목, 단락, 링크, 이미지 등 웹 페이지의 각 부분을 정의합니다.
* HTML 속성: 요소에 추가 정보를 제공합니다 (예: <a href="...">에서 href는 링크 대상 정의).
* 개발 환경:
* 텍스트 에디터: VS Code (무료, 확장 기능 풍부), Sublime Text, Atom, Notepad++ 등
* 웹 브라우저: Google Chrome, Firefox (개발자 도구 유용)
* 파일 구성: 프로젝트별 폴더 생성 (예: Frontend-180-Days), 일별 하위 폴더 생성 (예: Day-2-HTML).
* 첫 HTML 파일: index.html 파일 생성 및 기본 구조 작성 후 브라우저에서 확인.
* 디버깅: Chrome DevTools (우클릭 > Inspect) 활용.

개발 임팩트: HTML의 기본 구조와 개발 환경 설정 방법을 익힘으로써, 웹 개발 학습의 첫 단계를 성공적으로 시작할 수 있습니다. 이는 CSS와 JavaScript를 통한 시각적 스타일링 및 상호작용 구현의 기반이 됩니다.

커뮤니티 반응: 언급된 커뮤니티 반응은 없으나, '180 Days of Frontend Development Challenge'라는 시리즈의 일부로, 꾸준한 학습과 실천을 장려하는 톤을 유지합니다.