Subway landing page
Updated:
🌮 Subway Landing Page
💻 1.프로젝트 소개
⌨️ 사용기술 및 언어
- HTML
- CSS
- JavaScript
⏰ 개발 기간
2021-04-01 ~ 21-04-12
🗒 2.프로젝트 내용
주요 기능
-
Drop Down 메뉴
-
수직슬라이드 (Swiper)
-
유튜브 영상배경 (Youtube ifram API)
-
사용된 JS 플러그인 : GSAP, Swiper, ScrollMagic, Lodash
✏️ 3.소감
어려웠던 점
FE 를 배우면서 HTML, CSS, JavaScipt 기본 개념으로 시작한 첫번째 프로젝트 입니다.
솔직히, CSS 에서 box model 및 배치에서 많은 시간을 공부 해야 했고, JS 에서도 라이브러리 사용 및 DOM 에 대해서 개념 잡기가 어려웠습니다.
특히, Node.js 설치, parcel builder 를 사용하여 localhost 환경에서 개발 진행 했엇는데, 학습량이 많아져서 많은 시간이 필요햇습니다.
git, Markdown 사용도 새로 배우는것이라 많은 시행 착오를 겪어야만 했습니다.
극복과정
기술 블로그 검색, bug 가 발생 할때는 구글링, stackoverflow, 유튜브 등 많은 검색을 통해 해결 하였습니다.
Notion 으로 노트테이킹 하다가, 기술 블로그에 내용을 정리하며서 한번 더 복습하면서 기초 과정을 다졌습니다.
개선점
앞으로 배워야 할께 엄청 많아서 막막하지만 FE 특성상 visual 적으로 수정된 부분이 고쳐지고 하나씩 만들어 가는 과정이 재미 있었습니다.
-
수정 및 버전업 개선 사항 예정
-
반응형 페이지 업데이트
-
로그인 페이지 구현 및 로그인 기능 등 추가 업데이트
-