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

immer는 객체 비구조화 문법(Object Destructuring)을 사용하면 동작하지 않는다.

## [immer](https://github.com/immerjs/immer)는 객체 비구조화 문법(Object Destructuring)을 사용하면 동작하지 않는다.아래는 redux에서 reducer쪽 immutable state를 immer...… Continue reading

2019 카카오 FE(Front-end) Meetup

Published on September 16, 2019

2019 카카오 개발자 컨퍼런스

Published on September 11, 2019