꿈소년의 개발 이야기

[ Do it! HTML + CSS 웹 표준의 정석 스터디!] Do it! 실전 프로젝트 - 넷플릭스 사이트 따라 만들기 본문

Do it 스터디!

[ Do it! HTML + CSS 웹 표준의 정석 스터디!] Do it! 실전 프로젝트 - 넷플릭스 사이트 따라 만들기

fogthegreat 2026. 2. 13. 16:14
반응형

DAY 30

🔖 오늘 읽은 범위 :

📢2/13(금) 마지막 진도표 알림
▶️공부 내용: Do it! 실전 프로젝트 - 넷플릭스 사이트 따라 만들기
▶️쪽수: 679쪽[QR코드]


디자인 기획

  • 실제 서비스를 바탕으로 디자인 기획하기
  • 구조 해석 → 구성 계획으로 진행.
    1. 개발 환경 만들기
    2. 헤더 영역 만들기
    3. 배너 영역, 멤버십 영역 만들기
    4. 선택 가이드 영역 만들기
    5. FAQ 영역 만들기
    6. 푸터 영역 만들기
  • 영역마다 사용할 id 들을 미리 생각해 두기. class 보다는 id로 앵커 메뉴에 사용하므로 크게 묶는 영역에는 id 를 지정하는 것이 좋음.

구현 실습 진행

https://github.com/dreamboy1339/Bitflix

  • 😭
  • 실제 업무는 아니더라도 비슷한 업무 흐름으로 진행해본다는 생각으로 진행했음.

🤟소감 3줄 요약

  • 전체 영역 구조 설계하고 만드는 게 익숙치 않네.
  • 자주 사용할 것 같은 속성들을 빨리 익히려면 열심히 코딩하는 수 밖에 없음.