1. 개요
컨테이너에 이름을 붙일 때마다, 어떻게 하면 변수 명을 더 효과적으로 지을 수 있을지 고민이 됩니다. 이를 위해 필요한 단어들을 한곳에 모아 정리해두면, 상황에 맞는 단어를 쉽게 찾을 수 있을 것입니다. 이번 포스팅에서는 컨테이너 이름을 짓는 데 유용한 단어들을 정리해보겠습니다.
2. 용어 정리
•
Container: 가장 일반적인 레이아웃 컨테이너로, 화면의 주요 구조나 특정 섹션을 감싸는 역할.
◦
MainContainer
◦
ScreenContainer
◦
ContentContainer
•
NavigationContainer: 내비게이션을 위한 상단/하단 바 또는 관련 요소를 감싸는 역할.
◦
TopNavigationContainer
◦
BottomNavigationContainer
•
BackButtonContainer: 상단의 뒤로 가기 버튼을 감싸는 영역으로 사용하려고 했던 명칭.
◦
대체 가능 명칭:
▪
BackButtonWrapper
▪
HeaderBackButtonContainer
▪
TopBarBackButton
•
CardContainer: 카드 스타일 레이아웃을 나타낼 때.
◦
ProductCardContainer
•
FormContainer: 폼 요소를 감싸는 레이아웃.
◦
LoginFormContainer
◦
SignupFormContainer
•
Wrapper: 특정 요소를 감싸거나 스타일을 적용하는 레이아웃.
◦
ButtonWrapper
◦
TextWrapper
•
Header: 화면의 상단 영역을 담당하는 컨테이너.
◦
AppHeader
◦
ScreenHeader
•
Footer: 화면 하단의 영역을 나타내는 컨테이너.
◦
AppFooter
◦
ScreenFooter
•
Row: Flexbox로 가로 배열을 사용하는 레이아웃을 정의할 때 사용.
◦
ButtonRow
◦
IconRow
•
Column: Flexbox로 세로 배열을 사용하는 레이아웃.
◦
ItemColumn
•
Section: 특정 기능이나 영역을 나타내는 구간.
◦
ProfileSection
◦
SettingsSection
•
Screen: 하나의 전체 화면을 나타낼 때 사용.
◦
HomeScreen
◦
ProfileScreen
