초보 웹 개발자의 HTML & CSS 학습 여정: 기초부터 실전까지

이 콘텐츠는 "The Complete Full-Stack Web Development Bootcamp" 과정을 수강 중인 개발자의 주간 학습 기록으로, 웹 개발의 기초가 되는 HTML과 CSS에 대한 핵심적인 학습 내용을 다루고 있습니다.

핵심 기술

HTML의 기본적인 태그 활용부터 CSS를 이용한 스타일링, 그리고 파일 구조 및 경로 관리에 이르기까지 웹 페이지 구축의 근간이 되는 기술들을 체계적으로 학습하고 실제 프로젝트에 적용한 경험을 공유합니다.

기술적 세부사항

• 이미지 임베딩: <img> 태그 사용법 및 alt 속성의 중요성 (접근성, SEO).
• 웹 레이아웃 및 구조: 파일 구조, 미디어 임베딩, 내용 구성 및 의미론적 HTML 구조 적용.
• 파일 경로 이해: 절대 경로 vs 상대 경로 학습 및 자산(이미지, 스타일시트) 연결 연습.
• CSS 기본: 외부 CSS 적용, 태그, 클래스, ID 선택자 활용을 통한 요소 스타일링.
• 색상 시스템: HEX, RGB, HSL 색상 시스템 학습 및 일관된 색상 구성 연습.
• 기초 프로젝트: 순수 HTML로 간단한 포트폴리오 및 생일 초대장 웹 페이지 제작.
• 효율적인 학습 방법: 꾸준한 일일 학습의 중요성 강조 (하루 30분).

개발 임팩트

• 시맨틱 HTML 사용으로 SEO 및 접근성 향상.
• 체계적인 파일 및 폴더 관리로 프로젝트 확장성 증대.
• 정확한 CSS 선택자 사용으로 페이지 구조 개선 및 스타일링 능력 향상.
• 다양한 색상 시스템 이해를 통한 페이지 미학 개선.

커뮤니티 반응

글쓴이는 자신의 경험을 공유하며 다른 개발자들에게 "첫 번째 순수 HTML 프로젝트는 무엇이었는지" 질문하며 상호 학습과 성장을 독려하고 있습니다.

톤앤매너

매우 긍정적이고 학습 의욕이 넘치며, 동료 개발자들과의 지식 공유 및 소통을 중시하는 따뜻한 톤을 유지합니다.