styled-component 은 함수 밖에다 정의하자.(input과 onChange)

스타일 컴포넌트를 사용할 때는 웬만해선 view를 return하는 tsx,js 파일 외에 선언하여 import 하자. 한 함수에 다 선언을 하게 되면 state에 변환을 주면 리랜더링이 일어나는데, 이 때 함수에 선언된 스타일 컴포너트도 리랜더링이 된다. 당연히 속도저하도 일어날 뿐 더러 input에 된 focus가 리랜더링을 일으킬 때 해제된다(즉, 한글자씩 입력할 때 마다 클릭을 해주어야 한다..)