리액트1 랜딩페이지의 뼈와 살을 분류해보자(feat. html, css, js, react) 드디어 7주차에 접어들었다.. 이번 주차에서는 웹 기반 (최소한의)기술스택을 배운다. 오늘 과제는 관심있는 프로덕트를 선정해 웹 랜딩 페이지를 찾고, 랜딩페이지의 프론트엔드 요소를 분석해보는 것이다. 얼마전 브런치에 올렸던 글을 통해 카페노노라는 커뮤니티에서 연락을 받았는데, 검색해보니 마침 랜딩페이지가 있어서 카페노노의 랜딩페이지를 분석해 보았다. 사실 육안으로 보았을 때 배경/글/이미지가 전부여서 구조가 그렇게 어렵진 않겠다 하고 시작했는데..... 열어보니 내가 하필 react로 구현된 페이지를 골랐다^^.. 공부 되고 좋..다.. 먼저 HTML 구조를 통해 페이지의 뼈대를 살펴보고, CSS 요소와 js요소(이 페이지에서는 jsx)를 분석해 보고자 한다. 모든 태그와 컴포넌트를 다 다루기에는 무리가.. 2022. 10. 6. 이전 1 다음
