반응형
DAY 30
🔖 오늘 읽은 범위 :
📢2/13(금) 마지막 진도표 알림
▶️공부 내용: Do it! 실전 프로젝트 - 넷플릭스 사이트 따라 만들기
▶️쪽수: 679쪽[QR코드]
디자인 기획
- 실제 서비스를 바탕으로 디자인 기획하기
- 구조 해석 → 구성 계획으로 진행.
- 개발 환경 만들기
- 헤더 영역 만들기
- 배너 영역, 멤버십 영역 만들기
- 선택 가이드 영역 만들기
- FAQ 영역 만들기
- 푸터 영역 만들기
- 영역마다 사용할 id 들을 미리 생각해 두기. class 보다는 id로 앵커 메뉴에 사용하므로 크게 묶는 영역에는 id 를 지정하는 것이 좋음.
구현 실습 진행
https://github.com/dreamboy1339/Bitflix
- 😭
- 실제 업무는 아니더라도 비슷한 업무 흐름으로 진행해본다는 생각으로 진행했음.
🤟소감 3줄 요약
- 전체 영역 구조 설계하고 만드는 게 익숙치 않네.
- 자주 사용할 것 같은 속성들을 빨리 익히려면 열심히 코딩하는 수 밖에 없음.
'Do it 스터디!' 카테고리의 다른 글
| [ Do it! HTML + CSS 웹 표준의 정석 스터디!] 스터디 후기 (0) | 2026.02.13 |
|---|---|
| [ Do it! HTML + CSS 웹 표준의 정석 스터디!] 19 문서 객체 모델(DOM) 다루기(3) (0) | 2026.02.13 |
| [ Do it! HTML + CSS 웹 표준의 정석 스터디!] 19 문서 객체 모델(DOM) 다루기(2) (0) | 2026.02.12 |
| [ Do it! HTML + CSS 웹 표준의 정석 스터디!] 19 문서 객체 모델(DOM) 다루기(1) (0) | 2026.02.11 |
| [ Do it! HTML + CSS 웹 표준의 정석 스터디!] 18 자바스크립트와 객체 (0) | 2026.02.10 |
