Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 | 31 |
Tags
- 스프링
- 프로덕트 매니저
- 쇼핑몰
- 회고록
- UI
- CSS
- jquery
- PM부트캠프
- 회고
- kpt회고
- 데이터분석
- UX
- 코딩
- db
- javascript
- 서비스 기획자
- 자바스크립트
- 데이터
- 코드스테이츠
- 프로젝트 매니저
- 생활코딩
- tag
- PM
- PO
- html
- 서비스 기획
- 서비스기획
- 서비스분석
- 스프링부트
- SpringBoot
Archives
- Today
- Total
목록음악 스트리밍 서비스 (1)
콘텐츠기획자의 IT입문서
바이브, 너 어떤 코드로 구성되어 있니? | 코드스테이츠 PMB 14기
이번 과제는 내가 좋아하는 프론트엔드 작업 뜯어보기다! 어떤 프로덕트를 선정할까 고민하다가 음악 스트리밍 서비스 '바이브'로 선정하였다. 바이브는 웹과 앱을 모두 지원하며, 웹 페이지의 경우 반응형 웹으로 구성되어 있다. 앱 서비스의 경우 코드를 확인할 수 없으니 웹 페이지를 바탕으로 어떤 식으로 서비스가 구성되어있는지 살펴보려 한다. 모든 페이지를 다루려면 꽤 많은 시간이 소요될 것 같아 메인화면에서의 HTML, CSS를 파악하고 어떤 식으로 동작하도록 설계되어있는지 분석해보았다! (그래도 많아서 스크롤 압박 예상됨^_ㅠ) HTML : 콘텐츠의 레이아웃 바이브의 index 페이지는 크게 , 'container'라는 이름을 가진 , , 'player'라는 이름을 가진 태그로 구성되어 있다. 대부분의 웹 ..
PM
2022. 10. 6. 15:21