주의 !

이 프로젝트는 FE의 감을 다시 찾기위해 간단히, 빨리 진행한 프로젝트입니다. 고로 부족한 부분이 많이 있습니다.

vanilla js만 사용한 이유

express와 database 등 다양한 언어와 분야에 관심을 가지고 공부하다보니 기본적인 js문법과 FE지식들이 어색하게 느껴지는 순간이 왔다. 그래서 다시 간단한 FE와 js에 감을 잡기 위해 시작했다.

구글에 검색해서 나오는 쇼핑몰 중 하나를 잡고 그 페이지의 index를 만들었다.

기능

1. pc안에서의 반응형
2. 이미지 슬라이더
3. js를 사용한 애니메이션이 아닌 WebP확장자를 사용한 애니메이션
4. position: sticky를 적용한 메뉴바
5. menubar:hover 메뉴바

부족한 점

만약 이 프로젝트를 다시 진행할 시 이러한 부분을 고려할 것이다.

1. 무조건 px를 쓰는 것이 아닌 반응형을 고려해서 크기 설정
2. 반응형을 미리 고려하고, layout 배치하기
3. css, js animation 공부하기