Day 02 - 블로그 코드 모듈화와 Git 병합 학습
카테고리
프로그래밍/소프트웨어 개발
서브카테고리
웹 개발
대상자
초보자 ~ 중급 블로그 개발자, CSS/HTML 구조화 및 Git 기초를 배우고자 하는 개발자
핵심 요약
- CSS 모듈화를 위해
assets/style.css
외부 파일 생성으로 인라인 스타일 정리 - Git merge 사용으로
stylize
브랜치의 스타일링 변경을main
브랜치에 통합 - 브라우저 DevTools 활용으로 레이아웃 디버깅 및 색상 선택기 기능 탐구
섹션별 세부 요약
1. 코드 정리 및 CSS 모듈화
day02.html
블로그 포스트 페이지 추가assets/style.css
외부 CSS 파일 생성으로 HTML 내 인라인 스타일 제거- 네비게이션 바 스타일링 적용 (간결한 디자인 구현)
- Svelte 템플릿 도구 사용 고려 (현재는 구체적 적용 미완료)
2. Git 버전 관리 적용
git merge stylize
명령어로stylize
브랜치의 스타일링 변경을main
브랜치에 병합- Git 브랜치 사용이 코드 시간여행과 유사한 버전 관리 효과를 제공
- 병합 과정에서 충돌 발생 시 해결 전략 필요성 강조
3. DevTools 활용 및 향후 계획
- DevTools의 박스 모델, 레이아웃 디버깅, 색상 선택기 기능 탐구
- 최소한의 디자인 테마 적용 및 템플릿 도구(Svelte 등) 탐색 계획
- MERN 스택 또는 Next.js 구현을 위한 지속적인 학습 및 문서화 진행
결론
- CSS 외부 파일 분리와 Git 병합은 코드 유지보수성 향상에 핵심적, DevTools는 레이아웃 이해에 필수
- 향후 Svelte 템플릿 도구 탐구 및 MERN 스택 구현을 위한 기초 확보 필요
- 디자인 최소화 및 레이아웃 문제 해결 전략 공유를 통한 개발자 커뮤니티 협업 강조