[HTML] JacaScript 함수로 textarea 높이 자동조절하기

QnA 내용을 textarea로 하였고, 유동적으로 사이즈가 조절됐으면 좋겠다 싶었다.

HTML

<textarea id="qna_contn" class="inputs" name="qna_contn" onkeydown="javascript:fn_resize(this)" onkeyup="javascript:fn_resize(this)"></textarea>

CSS

textarea {
	min-height: 5rem;
    overflow-y: hidden;
    resize: none;
}

JS

	function fn_resize(obj) {
    	obj.style.height = '1px';
    	obj.style.height = (12 + obj.scrollHeight) + 'px';
	}