CSS text-transform 속성을 사용하면 된다.(React는 textTransform)

  • 대문자 변환 : uppercase
  • 소문자 변환 : lowercase
  • 첫글자만 대문자 변환 : capitalize

예제

CSS

p.uppercase {
    text-transform: uppercase;
}

p.lowercase {
    text-transform: lowercase;
}

p.capitalize {
    text-transform: capitalize;
}

React.js

var style = {
    textTransform: "capitalize"
}
<p style={style}></p>
<p style={ {textTransform: "capitalize"} }></p>

이 블로그 테마에서 Liquid Template 때문에 { 두개를 연속으로 쓰면 Liquid 문법으로 인식해서 적용이 안된다. 그래서 { {로 문법을 적용함.

참고

https://www.w3schools.com/cssref/pr_text_text-transform.asp

[한국어, EN] React Native import 환경 설정(import setting)

* [1. 프로젝트 구조(Project Structure)](#1-프로젝트-구조project-structure)* [2. 동작 안하는 예제(Not work example)](#2-동작-안하는-예제not-work-example)* [3. 동작 하는...… Continue reading