[react-native] Carousel 만들기

하태현·2021년 8월 5일
1

react-native

목록 보기
1/1
post-custom-banner
IOSAndroid
!

이번에 맡은 일 중에 아래와 같은 carousel을 만들어야 했다.
사실 캐러셀은 처음 react를 접했을때나 지금이나 수 많은 라이브러리들이 존재하는데,
요즘 따라 react-native를 하면서 라이브러리들을 찾아보면 단지 RN 기본 API에 스타일 조금 입히고
함수 몇개 넣어서 라이브러리로 만든것들이 많다. 사실 내가 필요한 기능은 해당 라이브러리의 극히 일부이고
회사에선 CTO님도 보시고 간단한 기능이면 굳이 라이브러리 쓰지 말라고 하시는데,
처음엔 왜 나를 힘들게 하지라고 생각했지만 지금은 내가 스스로 라이브러리를 보면 yarn add가 아니라
리드미를 좀 자세히 읽어보고 src 폴더를 들어가서 어떻게 구현 했는지 찾아보게 되는 습관이 생겼다.
개발자로서 이런 호기심은 상당히 도움이 많이 될 것 같다.

지금 프로젝트에서 여러화면에 캐러셀이 사용되는 곳이 많아서 코드도 재사용 할겸 컴포넌트화 하면서 일종의 라이브러리처럼 만들어 봤다.
아직 npm에 올려서 라이브러리 등록을 한건 아니지만 react-native를 시작한지 얼마 안된 분들에게 도움이 됐으면 해서 깃헙에 공유를 했다.

react-native-carousel-kingth 해당 링크롤 통해 코드를 확인 할수 있다.

profile
왜?를 생각하며 개발하기, 다양한 프로젝트를 경험하는 것 또한 중요하지만 내가 사용하는 기술이 어떤 배경과 이유에서 만들어진 건지, 코드를 작성할 때에도 이게 최선의 방법인지를 끊임없이 질문하고 고민하자. 이 과정은 앞으로 개발자로 커리어를 쌓아 나갈 때 중요한 발판이 될 것이다.
post-custom-banner

1개의 댓글

comment-user-thumbnail
2021년 11월 6일

image 를 넣고 싶은데 source 로 넣나요?

답글 달기