[유데미x스나이퍼팩토리] 프로젝트 캠프 : React 2기 - 프로젝트코스 3주차

프로젝트코스 3주차 회고

중간발표가 있는 지옥의 3주차 ,,,

드디어 중간발표...! 이걸위해 그동안의 작업물을 정리하고 빌드하여 vercel로 배포하여 발표를 진행했다.

지금까지의 작업물이라도 안정적으로 보이기위해 며칠을 밤새서 마무리 해뒀지만, 아직 최적화부터 사용성 개선에 아쉬운점이 너무 많은 결과물 ,, 

남은 일주일과 그 이후 개인적이라도 꼭 완성도 높은 프로젝트를 만들자는게 우리 팀의 목표 !

슬라이더 & 캐러셀

프로젝트에 사용되는 캐러셀 형태가 많이 쓰여서 이번 기회에 라이브러리를 사용해보기로 했다.

아래 라이브러리중, 필요한 기능을 대부분 제공해주는 Swipe를 결정했지만 커스텀에 애를 먹어서 앞으로는 라이브러리를 결정할 때 의존성에 대해 더 고민해야겠다고 생각했다.

1. Slick (React Slick)

• React용으로 만들어진 인기 있는 캐러셀 라이브러리
• 다양한 옵션과 커스터마이징이 가능
• 슬라이더의 동작을 세밀하게 제어할 수 있음
• 단점 : 비교적 크기가 크고 커스터마이징이 어려울 수 있음

2. Swiper (swiper/react)

• Swiper는 모바일 친화적인 캐러셀 라이브러리
• 부드러운 애니메이션과 제스처 기반 인터랙션을 지원
• 다양한 슬라이드 전환 효과
• 공식 문서에서 제공해주는 정보가 풍부함
• 단점: 설정과 커스터마이징이 어려움

3. Embla Carousel(embla-carousel-react )

• 경량화된 캐러셀 라이브러리
• 성능 최적화와 확장성을 중점으로 설계
• 매우 가벼운 패키지로 성능이 우수함
• 모듈화된 구조로 커스터마이징과 확장성이 뛰어남(의존성이 낮음)
• 제공되는 기능이 적고, 예시 문서가 부족함

 

강의의 내용 중 일부분을 직접 복습하며 요약하고 내용을 추가하거나 예제를 변경한 내용입니다. 기본 출처는 [수코딩(https://www.sucoding.kr)]

 

---

본 후기는 본 후기는 [유데미x스나이퍼팩토리] 프로젝트 캠프 : React 2기 과정(B-log) 리뷰로 작성 되었습니다.

#유데미 #udemy #웅진씽크빅 #스나이퍼팩토리 #인사이드아웃 #미래내일일경험 #프로젝트캠프 #부트캠프 #React #리액트프로젝트 #프론트엔드개발자양성과정 #개발자교육과정