더북(TheBook)

2.5 StyleSheet로 컴포넌트에 스타일 입히기

이제 컴포넌트에 StyleSheet를 사용해 다양한 스타일을 적용해봅시다. 만약 웹 브라우저에서 사용하는 스타일 기술인 CSS를 사용해봤다면 리액트 네이티브의 스타일링도 아주 금방 배울 수 있습니다.

물론 CSS를 사용해본 적이 없어도 상관없습니다. 이 책에서 사용하는 스타일 예시들을 따라해보며 학습하면 충분히 쉽게 배울 수 있습니다. 또한, 다음 링크를 통해 CSS에서는 어떤 스타일 속성들을 설정할 수 있는지 참조하면 됩니다.

웹 브라우저의 CSS는 다음과 같이 작성하는데요.

.container {
  background: black;
  color: white;
  border: 4px solid blue;
}
.title {
  font-size: 24;
  font-weight: bold;
}
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.