diff --git a/README.md b/README.md index f9f97fe..fa560f6 100644 --- a/README.md +++ b/README.md @@ -1,32 +1,16 @@ -# react-todo - -## 실행 방법 - -``` -npm install -npm run start -``` - -- npm install : 필요한 모든 패키지를 설치합니다. 처음 1번만 실행하면 됩니다. -- npm run start : react 어플리케이션을 브라우저에서 실행합니다. - -## 미션 설명 - -### 프로그램 실행 결과 - -[확인하기](https://react-todo.greatsumini.now.sh/) - -### 프로그래밍 요구 사항 - -1. 제공되지 않은 component 파일은 생성하지 않는다. -2. 모든 스타일링은 styled-components를 이용해서한다. -3. 프로그램 실행결과와 스타일이 같지 않아도 된다. 언뜻 보기에 비슷한 정도로만 따라해보자! - -### 미션 저장소 및 진행 요구 사항 - -- 미션은 이 저장소를 fork/clone해 시작한다. -- clone된 폴더의 README.md의 내용을 모두 지운다. -- 프로그램 실행 결과 페이지를 보고, 만들어야 할 기능들을 README.md에 정리해본다. -- 각 Component별로 props, state를 정리해 추가한다. -- 각 Component 작성을 완료할 때마다 git에 commit한다. -- [스터디 과제제출](https://github.com/CEOS-Developers/react-profile/blob/master/docs/how-to-submit/README.md) 문서를 참고해 미션을 제출한다. +

Todo 컴포넌트

+state로 todoList[] 배열 가지고 있음 + +

TodoCard 컴포넌트

+props: index, text, onClick // Todo에서 해당 정보를 가져온다 + +

TodoInput 컴포넌트

+기본태그 대신 스타일 태그를 사용하자. +폼의 onSubmit 속성으로 this.props.onSubmit(e.target.todo.value)을 사용해 상위 컴포넌트인 Todo컴포넌트의 onSubmit 함수를 호출한다. + +

추가로 알게된 것

+