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

2026. 2. 13. 16:14·Do it 스터디!
반응형

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줄 요약

  • 전체 영역 구조 설계하고 만드는 게 익숙치 않네.
  • 자주 사용할 것 같은 속성들을 빨리 익히려면 열심히 코딩하는 수 밖에 없음.
저작자표시 비영리 변경금지 (새창열림)

'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
'Do it 스터디!' 카테고리의 다른 글
  • [ Do it! HTML + CSS 웹 표준의 정석 스터디!] 스터디 후기
  • [ Do it! HTML + CSS 웹 표준의 정석 스터디!] 19 문서 객체 모델(DOM) 다루기(3)
  • [ Do it! HTML + CSS 웹 표준의 정석 스터디!] 19 문서 객체 모델(DOM) 다루기(2)
  • [ Do it! HTML + CSS 웹 표준의 정석 스터디!] 19 문서 객체 모델(DOM) 다루기(1)
fogthegreat
fogthegreat
아주 오랫동안 이것 저것 개발하면서 배우고 찾아 본 것들을 적거나 모았습니다. 불편한 점이 있다면 알려주세요. (과거에 불펌한 글들을 모두 제거하고 있는 중이에요. 🙏)
  • fogthegreat
    꿈소년의 개발 이야기
    fogthegreat
  • 전체
    오늘
    어제
    • 전체보기 (242)
      • Software Engineering (56)
      • Android Development (78)
      • 일상다반사 (63)
      • 책에 대한 거의 모든 것 (11)
      • 영어공부 (1)
      • ETC (0)
      • 챌린지 (1)
      • Do it 스터디! (32)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

    • 향로
    • 청하가 제안하는 소프트웨어 엔지니어로써 재미있게 사는 …
    • WhoRU? Story...♡
    • Snapshot
    • 두잇! - 이지스퍼블리싱
    • 제이펍의 참 똑똑한 2비트 책 이야기
    • Inpa Dev
  • 공지사항

  • 인기 글

  • 태그

    노개북
    git
    코틀린
    css
    안철수
    구글
    OOM
    ActiveX
    kotlin
    js
    개발
    보안
    gradle
    java
    html
    google
    안드로이드
    build.gradle
    C++
    Eclipse
    Android
    탐지기법
    linux
    하버드
    hcj
    Android 4.1
    자바
    리눅스
    JavaScript
    안드로이드 개발
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.6
fogthegreat
[ Do it! HTML + CSS 웹 표준의 정석 스터디!] Do it! 실전 프로젝트 - 넷플릭스 사이트 따라 만들기
상단으로

티스토리툴바