[error] <div> 구성의 중요성

기초강의를 다시 듣는데 todo 만드는걸 하는 중이었다.

위 모양에서 버튼을 누르면 아래 초록 네모가 하나 더 생기면서 input값이 들어야가 했다.

그러나 하나의 박스안에 input값이 겹쳐 들어간다.
코드를 지워도 보고 추가도 해보고 했는데 대체 뭐가 문젠가 했다.
박스가 하나 더 안생기는 이유는 뭐지?
id값이 추가가 안됐나? 아닌데? 있는데? 그럼 왜 안에 생기는 건데??
결국 코드를 하나하나 지웠다가 다시 쓰면서 문제를 찾아봤다.
코드를 절반쯤 다시 적었을 무렵 깨달았다.
왜 "박스"가 더 안생기는 걸까!!!!!!!
그렇다 박스가 안생기는 이유는 박스가 하나이기 때문이지.(진중)
map함수를 박스div{vegiBox} 위로 올렸다.

<기존코드>

<수정코드>

짜잔

구역을 잘 생각해야 한다.