![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FZVaoW%2FbtsAKaTac7T%2FjdBdFErE0dechL4cEBt5nk%2Fimg.png)
이번에 tailwind로 작업하다 문제가 생겼는데 입력마다 textarea 의 높이를 텍스트가 들어올 때 마다 움직이게 하기 위해 height 을 동적으로 주고 싶었습니다. 하지만 tailwind는 미리 정해진 유틸리티 클래스 모음으로 1px 단위까지 디테일하게 설정할 필요는 없을거라 생각했습니다. // use tailwind + normal style `style: height` 처럼 기존의 CSS로 설정하면 되지만 하나의 tailwind 스타일로 통일하고 싶었습니다. // use tailwind const getAutoHeight = (heightState) => `h-[${heightState}px]` 이 방법은 tailwind의 특징을 해치지만.. 폭 넓게 사용가능한 arbitrary value ..