part07 이라는 리액트 프로젝트 파일을 만든다. 기본 app.js 세팅을 해놓는다. 우선적으로 Todo는 1) 첫번째 컴포넌트 TodoTemplate 이름이 명시하는대로 템플릿의 역할은 한다. 즉, 하나의 틀이라고 보면 된다. 이 탬플릿에 추가하는 거 할일 목록 등이 나오기 위한 모양을 만드는 곳이다. 우선적으로 props를 받아오는데 바로 정제를 해도 된다. { } 통해 children 즉, 태그 사이의 문구를 가져올 수 있다. 위와 같이 작성을 하고 를 설치한뒤 css를 꾸며보자. scss는 자식태그를 안에 넣을 수 있어서 가독성이 좋다. app.js에 위와 같이 수정을 하고 index.css를 다지우고 위와 같이 정리한다. 그러면 위와 같이 나오는 것을 확인 할 수 있다..........
React Todo 할일 목록에 대한 요약내용입니다.
자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.
원문링크 : React Todo 할일 목록