안녕하세요 리액트로 투두리스트를 만들어봅시다. 만들어볼 TodoList는 다음과 같습니다! 이 글은 한입크기 리액트 인프런 강의를 기반으로 합니다. 1. 요소 간격 Gap (css) 주기 우선 Header, Editor, List 이렇게 3개의 컴포넌트를 만들어줍니다. 자 이렇게 3개의 컴포넌트를 App.jsx에서 호출해줍니다.그리고 이것들을 묶는 div 태그가 있죠 ?여기에 CSS를 적용해줄거에요 왜냐하면 각 요소별로 간격을 주고 싶기때문이죠 className은 Css 파일에서 . (점) 으로 제어할수있어요 .App.css에 들어가서 className이 App인 요소들의 css를 수정하여봅시다. display : flex는 유연하게 요소의 배치 조절을 가능하게 합니다. flex-d..