오늘은 하루종일 가계부? 과제만 했다.
하면서 발생한 오류가 있는데 정말 쉬우면서 찾기 어려웠던 오류였다... (상상도 못했다 🥺) 결국 구글링을 했더니 해결됐다.
문제 상황
입력값을 입력하면 1번만 입력되고 바로 focus가 풀려버리는 문제가 발생했다. console에는 Input 컴포넌트가 계속 렌더링 된다는 메시지와 함께...
해결 방법
StyledComponent를 컴포넌트 안에다가 할당해놔서 계속 새로 만들어졌던 것이었다.. 오마이갓! 컴포넌트 밖에 styled 컴포넌트를 생성하니 바로 해결되었다~
글 잘 쓰고 싶어요