첫 프로젝트이고 화면을 어떻게 구현할지 몰라 빈종이에 그려가면서 해야할 것을 정리하며 작업 하였습니다.
단순 슬라이드를 보여주기 위해 css in css을 통해 작업하였고, 추가 작업이 없으며 성능적인 면에서 괜찮다고 생각하여 사용했습니다. 만약 제약이 생기거나 기능이 추가 될 경우, react-slick 라이브러리를 사용하려 합니다.
Css keyframes사용하여 translate를 조정해 슬라이드 구현
keyframe으로 슬라이드가 동작
화면 기록 2023-03-28 오후 2.31.26.mov
기초,중급,고급 3가지 방식으로 필터링 기능을 적용 하였고, 현재는 1개의 필터기능이지만 추후 가격, 강의제목, 강사명을 통해 필터기능 적용해보려 합니다. 위 필터 기능이 추가된다면 검색기능으로 대체할 수 도 있습니다.