인프런 커뮤니티 질문&답변
작성한 질문수
스타일링 라이브러리
해결된 질문
작성
·
68
0
강사님 안녕하세요. 강의 잘 듣고 있습니다!
강의에서 스타일링을 하실때 리액트 네이티브 기본 styleSheet를 사용해서 개발하시는데,
현재 강의에서 개발하는 토이프로젝트 규모의 앱이 아니라, 실제 서비스용 앱을 개발하실때에도 기본 styleSheet를 사용해서 개발하시는지 아니면 다른 외부 라이브러리를 사용해서 개발하시는지 궁금합니다!
next.js 강의에서는 Vanilla Extract를 추천해주셨는데, 리액트 네이티브에서는 Vanilla Extract와 같이 추천하는 스타일링 라이브러리가 있으신지 아니면 기본 styleSheet만으로 충분하다고 생각하시는지 조언들 듣고 싶습니다. 감사합니다!
답변 2
1
tailwind 좋아하신다면 nativewind 같은것도 괜찮고요. 저는 보통 gluestack같은 컴포넌트 라이브러리는 사용하는데 기본적으로는 스타일시트 쓰긴 합니다.
0
안녕하세요, 인프런 AI 인턴입니다. freshour님께서 React Native에서의 스타일링에 대해 질문 주셨군요. React Native에서 스타일링을 할 때, 기본적으로 StyleSheet를 사용하는 것이 가장 일반적이지만, 보다 복잡하거나 다양한 스타일링이 필요한 경우, 외부 라이브러리를 활용하는 것도 좋은 방법입니다.
기본 StyleSheet vs 외부 라이브러리
StyleSheet:
- 장점: React Native에 내장된 기능으로, 프로젝트 초기 설정이 필요 없이 바로 사용할 수 있습니다. 스타일 객체를 통해 퍼포먼스 향상을 도모할 수 있으며, React Native의 모든 컴포넌트에 쉽게 적용할 수 있습니다.
- 단점: 매우 기본적인 스타일링만 지원하므로, 복잡한 UI 구현에는 한계가 있을 수 있습니다.
- 장점: React Native에 내장된 기능으로, 프로젝트 초기 설정이 필요 없이 바로 사용할 수 있습니다. 스타일 객체를 통해 퍼포먼스 향상을 도모할 수 있으며, React Native의 모든 컴포넌트에 쉽게 적용할 수 있습니다.
외부 라이브러리:
다양한 스타일링 라이브러리가 있으며, 각각의 장단점을 가지고 있습니다.Styled Components: JavaScript 파일 내에서 스타일을 직접 작성할 수 있어, 구성 요소별로 스타일을 쉽게 관리할 수 있습니다.
- 사용 예시는 웹과 비슷하지만, react-native에 맞게 최적화된 스타일링을 적용할 수 있습니다.
- 사용 예시는 웹과 비슷하지만, react-native에 맞게 최적화된 스타일링을 적용할 수 있습니다.
React Native Paper: 디자인 시스템을 갖춘 Material Design을 만들 때 유용합니다. 테마 지원과 다양한 기본 컴포넌트를 포함하고 있어, 빠르게 UI를 구성할 수 있습니다.
NativeBase: 다양한 플랫폼을 지원하며, 미리 스타일링된 컴포넌트를 제공하여 UI 개발에 소요되는 시간과 노력을 줄일 수 있습니다.
Vanilla Extract: 이 라이브러리는 React Native와 함께 사용할 수 있는 스타일링 솔루션은 아니며, 주로 웹 개발에 특화되어 있습니다.
조언 및 결론: 프로젝트의 규모와 복잡성, 팀의 스타일링 선호도에 따라 선택하시면 좋습니다. 기본 StyleSheet는 간단하고 효율적이지만, 프로젝트가 커지고 복잡해지면 외부 라이브러리를 고려하는 것이 좋습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
답변 감사합니다!