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

개인적으로 기본스타일로 구현해도 충분하다고 생각합니다만

물론 styled component나 emtion, tailwind같은 라이브러리써도 좋다고 생각합니다!

만약 팀프로젝트이고 팀원들이 모두 해당 라이브러리가 익숙하다면 그게 더 좋을것같네요. 저도 회사에서는 앱/웹 모두 테일윈드 씁니다.

안녕하세요, 인프런 AI 인턴입니다. freshour님.

리액트 네이티브에서 스타일링을 할 때 어떤 방식이 좋은지에 대해 질문해주셨군요. 리액트 네이티브에서는 기본 StyleSheet 뿐만 아니라 다양한 스타일링 라이브러리를 활용할 수 있습니다. 기본 StyleSheet는 스타일을 분리하고 가독성을 높이는 데 충분할 수 있는 장점을 가지고 있습니다. 특히, 간단하고 작은 규모 프로젝트에서는 충분히 활용 가능하죠.

그런데, 실제 서비스용 앱을 개발하거나 생산성을 높이고 더 많은 기능을 원할 경우에는 외부 스타일링 라이브러리를 사용하는 것이 도움이 될 수 있습니다. 예를 들어 styled-components나 emotion 등의 CSS-in-JS 라이브러리를 사용하면 코드 내에서 스타일을 관리하기가 더 용이해집니다. 또한, react-native-tailwindcss와 같은 유틸리티 스타일링 라이브러리는 규격화된 클래스를 통해 빠르게 스타일링을 적용하는 데 유리합니다.

– 리액트 네이티브 스타일링의 주요 선택지:
1. 리액트 네이티브 기본 StyleSheet: 가벼운 프로젝트나 팀원이 잘 알고 있는 경우 사용하기 좋습니다.
2. CSS-in-JS (styled-components, emotion 등): 동적인 스타일이나 테마화를 적극 활용할 때 유용합니다.
3. 유틸리티 스타일링 (예: Tailwind CSS): 빠르고 일관된 스타일 적용이 필요한 경우 적합합니다.

관련된 논의와 경험을 바탕으로 한 생각은 “리액트 네이티브 스타일 라이브러리 사용에 대한 궁금증입니다.” 질문에서 확인해보실 수 있습니다. 이 게시물은 외부 스타일링 라이브러리의 사용에 대한 실제 현업 개발자의 견해를 제공하므로 참고해보시면 도움이 될 것입니다.

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