React Style 적용 방법

2023. 4. 11. 22:13· react, react-native
목차
  1. Inline Styling
  2. StyleSheet Class

Inline Styling

컴포넌트 안에 style을 직접 줄려고 할때 사용하는 방식이다.

 

인라인 스타일에서는 중괄호가 2개 필요하다.

 

그이유는 첫번째 중괄호는 js코드이다 라는 뜻이며, 두번째 중괄호는 object형태로 이루어져 있기 때문에 적는 것이다.

 

 

StyleSheet Class

StyleSheet으로 미리 만들어 놓은 스타일을 불러와 적용하는 방식이다.

 

react-native에서 import를 해야한다.

 

 

'react, react-native' 카테고리의 다른 글

TochableOpacity, Button  (0) 2023.04.11
State, Props  (0) 2023.04.11
Rest Operator, Spread Operator  (0) 2023.04.11
Function  (0) 2023.04.11
React loop  (0) 2023.04.11
  1. Inline Styling
  2. StyleSheet Class
'react, react-native' 카테고리의 다른 글
  • TochableOpacity, Button
  • State, Props
  • Rest Operator, Spread Operator
  • Function
코드 죄수
코드 죄수
코드 죄수
코드 탈출기
코드 죄수
전체
오늘
어제
  • 분류 전체보기 (126)
    • 스프링 부트 (5)
    • 스프링 (13)
    • 웹 (18)
    • 데이터베이스 (7)
    • 코딩테스트 (25)
    • 자바 (20)
    • 플라스크 (9)
    • react, react-native (11)
    • 기타 설정 (15)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.0
코드 죄수
React Style 적용 방법
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.