styled components를 통해 함수형 컴포넌트들을 배치하려고 하는데, input에 뭘 적을 때 마다 focus가 풀리더라. focus() 함수 등 이런저런 방법을 사용해봤지만 소용이 없었고, 진짜 이유를 찾는데 오래 걸려 기록해 두기로 했다. 문제가 있는 코드는 다음과 같았다. // ... 앞쪽 코드는 생략 export function Calculator() { const CalculateModule = styled.div` ... > input { ... } ` // ...중략 return ( ) } 문제는 styled-components를 이용해 만든 element 코드 블럭의 위치였다. 저게 함수형 컴포넌트 안에 있으니 문제가 발생했던 것 같다. 내가 input에 값을 입력 > state ..