[코드스테이츠 PMB 10기] 혁신의숲 프론트엔드 파헤치기


[코드스테이츠 PMB 10기] 혁신의숲 프론트엔드 파헤치기

W7D1 - 프론트엔드와 프레임워크 (DAILY) 프로덕트 랜딩페이지 프론트엔드 분석하기 혁신의숲 프론트엔드 0. 프로덕트 선정 혁신의숲은 수 많은 스타트업(Startup Company)들의 정성 · 정량 데이터를 시각화하여 제공하는 서비스 플랫폼이다. PMB 10기 동기 분의 소개를 받아 알게된 서비스인데 여러 인사이트를 쉽게 도출할 수 있어서 최근 여러 프로덕트의 고객 데이터를 분석하는데 상당히 애용했었다. 그러한 의미에서 오늘은 혁신의숲 랜딩페이지의 프론트엔드를 HTML, CSS, JS 관점에서 분석하고자 한다. 1. 혁신의숲 랜딩페이지의 구성 혁신의숲 랜딩페이지는 다음과 같은 단계로 구성되어 있다. ① 최상단에 위치하고 있는 섹션은 기업의 로고와 GNB(Global Navigation Bar, 데이터룸 · 서비스소개 · 스타트업혜택 · 스타트업등록), 회원가입 및 로그인 항목으로 구성되어 있다. 해당 섹션은 상단에 고정되어있어 상 · 하 스크롤에 구애받지 않고 화면에 노출된...


#CSS #HTML #JS #PM부트캠프 #코드스테이츠 #프론트엔드 #혁신의숲

원문링크 : [코드스테이츠 PMB 10기] 혁신의숲 프론트엔드 파헤치기