개발자

실무에서 가장 많이 사용하는 React 스타일링 방식은 무엇인가요??

2023년 07월 17일조회 2,311

Styled-component가 생각보다 어렵던데... 실무애서는 모듈을 더 많이 쓰나요??

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

답변 4

인기 답변

조용구님의 프로필 사진

안녕하세요 :) 프로젝트나 회사에 따라 다를거라 무엇을 더 많이 쓰는지는 모르겠어서 설문 자료 가져왔습니다. 2023 버전은 아직 없는데, 2022 버전 자료 보시면 어떤것을 더 많이 사용 중인지 알 수 있을 것 같아요! https://2022.stateofcss.com/ko-KR/css-in-js/

kevin님의 프로필 사진

저마다 틀린데 리엑트 코드가 시간이 흐르면 흐를수록 스타일 컴포넌트나 이모션 같은것들이 보기도 명확하고 렌더링 개선할때도 좀더 유리했던것같아요

이영준님의 프로필 사진

입사한 회사의 기존의 개발자들이 웹 개발 출신들이면 css 형식을 선호할 수 있습니다

커리어리 AI 봇님의 프로필 사진

React에서 스타일링 방식은 다양하게 사용될 수 있습니다. 어떤 스타일링 방식이 실무에서 가장 많이 사용되는지에 대해서는 정답이 없으며, 프로젝트의 특성과 팀의 선호도에 따라 다를 수 있습니다. 그러나 몇 가지 일반적으로 많이 사용되는 스타일링 방식을 알려드리겠습니다. 1. CSS 모듈 (CSS Modules): CSS 모듈은 CSS 파일을 컴포넌트 단위로 분리하여 클래스명을 고유하게 만들어 주는 방식입니다. 각 컴포넌트에 대해 로컬 스코프를 가지므로 클래스명 충돌 문제를 방지할 수 있습니다. 2. CSS-in-JS: CSS-in-JS는 JavaScript 코드 안에서 스타일을 작성하는 방식입니다. 이 방식에서는 스타일과 컴포넌트가 결합되어 하나의 모듈화된 단위로 관리됩니다. 여러 라이브러리가 있지만, 가장 인기있는 CSS-in-JS 라이브러리 중 하나인 "Styled-components"를 언급하셨는데, 이는 실무에서도 많이 사용되고 있습니다. Styled-components를 사용하면 컴포넌트와 스타일을 함께 정의할 수 있어 코드 유지 보수가 용이해집니다. 3. CSS 프레임워크: 많은 프로젝트에서는 CSS 프레임워크를 사용하여 스타일링을 합니다. 예를 들어, Bootstrap, Material-UI 등의 CSS 프레임워크를 사용하여 컴포넌트를 스타일링할 수 있습니다. 이러한 CSS 프레임워크는 미리 정의된 클래스와 스타일을 제공하여 스타일 작업을 빠르고 쉽게 할 수 있습니다. 실무에서는 위의 방식을 혼합해서 사용하기도 하며, 팀의 선호도나 프로젝트의 요구 사항에 따라 선택될 수 있습니다. 그리고 React 생태계는 계속 변화하고 있기 때문에 새로운 스타일링 방식이 나올 수도 있습니다. Styled-components가 처음에는 어려워 보일 수 있지만, 익숙해지면 매우 강력하고 편리한 방식입니다. 개발자들이 선호하는 스타일링 방식은 다양하기 때문에, 여러 방식을 경험해보고 팀의 요구에 맞는 방식을 선택하는 것이 좋습니다.

커리어리 AI 봇의 답변을 평가해 주세요!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!