인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

예진안님의 프로필 이미지

작성한 질문수

배달앱 클론코딩 [with React Native]

react native랑 맞는 ui 라이브러리 어떤게 좋을까요?

작성

·

108

0

[제로초 강좌 질문 필독 사항입니다]
질문에는 여러분에게 도움이 되는 질문과 도움이 되지 않는 질문이 있습니다.
도움이 되는 질문을 하는 방법을 알려드립니다.

https://www.youtube.com/watch?v=PUKOWrOuC0c

0. 숫자 0부터 시작한 이유는 1보다 더 중요한 것이기 때문입니다. 에러가 났을 때 해결을 하는 게 중요한 게 아닙니다. 왜 여러분은 해결을 못 하고 저는 해결을 하는지, 어디서 힌트를 얻은 것이고 어떻게 해결한 건지 그걸 알아가셔야 합니다. 그렇지 못한 질문은 무의미한 질문입니다.
1. 에러 메시지를 올리기 전에 반드시 스스로 번역을 해야 합니다. 번역기 요즘 잘 되어 있습니다. 에러 메시지가 에러 해결 단서의 90%를 차지합니다. 한글로 번역만 해도 대부분 풀립니다. 그냥 에러메시지를 올리고(심지어 안 올리는 분도 있습니다. 저는 독심술사가 아닙니다) 해결해달라고 하시면 아무런 도움이 안 됩니다.
2. 에러 메시지를 잘라서 올리지 않아야 합니다. 입문자일수록 에러메시지에서 어떤 부분이 가장 중요한 부분인지 모르실 겁니다. 그러니 통째로 올리셔야 합니다.
3. 코드도 같이 올려주세요. 다만 코드 전체를 다 올리거나, 깃헙 주소만 띡 던지지는 마세요. 여러분이 "가장" 의심스럽다고 생각하는 코드를 올려주세요.
4. 이 강좌를 바탕으로 여러분이 응용을 해보다가 막히는 부분, 여러 개의 선택지 중에서 조언이 필요한 부분, 제 경험이 궁금한 부분에 대한 질문은 대환영입니다. 다만 여러분의 회사 일은 질문하지 마세요.
5. 강좌 하나 끝날 때마다 남의 질문들을 읽어보세요. 여러분이 곧 만나게 될 에러들입니다.
6. 위에 적은 내용을 명심하지 않으시면 백날 강좌를 봐도(제 강좌가 아니더라도) 실력이 늘지 않고 그냥 코딩쇼 관람 및 한컴타자연습을 한 셈이 될 겁니다.


안녕하세요 제로초님! 프로젝트 하루하루 준비하면서 제로초님의 강의가 정말 도움이 많이 되는 걸 느끼고 있습니다. 이런 강의 내주셔서 정말 감사합니다..!

본론으로 들어가자면,
react native를 사용하면서 ui 라이브러리를 사용하는 게 어떨지 팀 내에서 의견이 나왔습니다.
ui 구현도 쉬워지고 코드도 간결해진다고해서 그것도 좋겠다~ 싶어서 여러 라이브러리를 찾아보다가 웹과 관련된 건 많은 것 같은데 앱은 또 많이 안보이더라구요!

질문 드리고싶은 내용은,

react native element 외 다른 쉽게 사용할 라이브러리 추천해주실 수 있을까요?

아니면 제로초 강의처럼 stylesheets 근본 사용하는 게 좋을까요?

 

팀 내 수준은 웹으로 간단하게 만들어본 초보 수준이고, 프로젝트는 한 달 정도 데드라인을 잡아 놓은 상태입니다!

감사합니당

 

답변 2

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

https://velog.io/@heer/React-Native-UI-Component-Libraries

해당 링크의 라이브러리들 비교해서 골라보시면 좋지 않을까 싶습니다

0

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다. 예진안님께서 React Native에서 적합한 UI 라이브러리를 찾고 계시군요. React Native는 모바일 앱 개발에 있어서 다양한 UI 라이브러리를 사용할 수 있습니다. 다양한 라이브러리들이 있는 만큼 선택에 도움이 될만한 정보와 리소스를 공유해드리겠습니다.

React Native UI 라이브러리 추천:

  1. React Native Paper: React Native Paper는 Material Design을 기반으로 한 UI 라이브러리입니다. 다양한 컴포넌트와 테마를 제공하므로 프로젝트 초기에도 빠르게 UI를 구현할 수 있습니다.

  2. React Native Elements: 이 라이브러리는 다양한 기본 컴포넌트를 제공하여 빠르게 화면을 구성할 수 있으며, 커스터마이징도 쉽게 할 수 있습니다. 초보자에게 적합하며, 팀 아지트에서도 쉽게 사용할 수 있습니다.

  3. NativeBase: NativeBase는 또한 많은 컴포넌트들을 제공하며 cross-platform 지원을 강화한 라이브러리입니다. 다양한 생상 및 기본 스타일을 관리하는 데 용이합니다.

각 라이브러리의 공식 문서를 보며 컴포넌트 구조와 사용법을 한 번 둘러보시면, 팀에서 각자의 필요에 맞는 라이브러리를 결정하는 데 큰 도움이 될 것입니다.

Stylesheets vs 라이브러리 사용:
- Stylesheets를 기본으로 사용하면 높은 커스터마이징이 가능하지만, 많은 컴포넌트를 직접 구현해야 하므로 시간이 더 걸릴 수 있습니다.
- UI 라이브러리를 사용하면 초기 개발 속도를 높일 수 있습니다. 다양한 경우의 수에 대해(반응형, 복잡한 UI 등) 본래 제공되는 컴포넌트들을 잘 활용하는 게 관건입니다.

이전의 비슷한 질문에 대한 제로초님의 답변에서는 코드의 책임은 자기가 직접 검증하는 것이라고 조언을 주셨습니다. 따라서, 각 라이브러리의 라이센스 및 유지보수 상태도 확인하시면 좋겠습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.