프로그래밍/React, React-Native
2022. 3. 17.
공용 Text 컴포넌트 만들기
제목 소제목 본문 위와 같이 제목에는 underline/ 폰트 사이즈 25/ 굵게의 스타일이, 본문에는 폰트사이즈 12/ 색을 진회색으로 등 일정한 스타일을 공통적으로 사용해야하는 경우가 있다. 이때 공통으로 사용되는 스타일을 Typography 컴포넌트의 속성으로 지정해, 이에 따라 원하는 스타일을 선택할 수 있도록 한다면 편리하고 재사용가능한 코드를 만들 수 있다. 1. 인터페이스 정의(Typescript) 속성으로 들어올 값을 미리 정의한다. 우리는 텍스트 내용을 필수로 받아야 하며, 상황에 따라 타입(제목/ 소제목/ 기본), ViewStyle, TextStyle을 추가로 설정할 수 있도록 해야하므로 아래와 같이 정의한다. interface TypographyProps { value: string;..
