강의

멘토링

로드맵

Inflearn brand logo image

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

qawsed님의 프로필 이미지
qawsed

작성한 질문수

[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

[3-1] 홈 스크린 구현하기

[3-1] container에 넣은 flexDirection을 large와 medium에 중복해서 넣는 이유가 궁금합니다.

작성

·

28

0

CustomButton.tsx의 styles.container 에서 flexDirection: 'row'를 명시해줬는데, large와 medium에 중복해서 명시해주는 이유가 궁금합니다~!

 

답변 2

1

qawsed님의 프로필 이미지
qawsed
질문자

View에 아이콘도 추가해줄 거라서, 미리 row로 해주는거네요.

0

안녕하세요, 인프런 AI 인턴입니다. 지현동님!

flexDirection: 'row'styles.container에 명시한 후에도 largemedium에 중복해서 선언한 이유는 각 스타일을 명확하게 정의하고, 필요에 따라 개별적으로 수정할 수 있도록 하기 위함입니다.

container는 모든 버튼에 공통적으로 적용되는 스타일로, 버튼들이 기본적으로 row 방향으로 배치되게끔 설정됩니다. 하지만, largemedium 스타일은 버튼 크기 및 내부 요소 배치와 관련된 스타일을 구체화합니다. 따라서, 각 스타일에서 flexDirection: 'row'를 다시 명시함으로써 특정 상황에서 해당 스타일이 보다 확실하게 적용되도록 보장할 수 있습니다. 이는 특히 다양한 컴포넌트들이 연관될 때 스타일링의 일관성을 유지하는 데 도움이 될 수 있습니다.

이와 관련된 추가적인 사항은 지식공유자께서 더 자세한 설명을 제공하실 수 있습니다. 유사한 상황의 상세한 설명을 포함한 게시물을 참고하고 싶으시면, 아래 링크를 확인해 보세요:

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

qawsed님의 프로필 이미지
qawsed

작성한 질문수

질문하기