Notice
Recent Posts
Recent Comments
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
Tags
- OOM
- C++
- Android
- 안드로이드 개발
- 개발
- java
- 하버드
- 리눅스
- linux
- html
- 탐지기법
- hcj
- 노개북
- git
- 보안
- css
- build.gradle
- gradle
- Eclipse
- kotlin
- 안철수
- JavaScript
- 안드로이드
- 자바
- ActiveX
- 구글
- 코틀린
- Android 4.1
- js
Archives
- Today
- Total
꿈소년의 개발 이야기
[ 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코드]
디자인 기획
- 실제 서비스를 바탕으로 디자인 기획하기
- 구조 해석 → 구성 계획으로 진행.
- 개발 환경 만들기
- 헤더 영역 만들기
- 배너 영역, 멤버십 영역 만들기
- 선택 가이드 영역 만들기
- 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 |
