Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/iamchanii/react-exercise

Last synced: 2 months ago
JSON representation

React with Typescript 연습 프로젝트

# react-exercise

## 시작

### 1. 요구사항

- node@LTS (10.13.x 버전을 권장합니다.)
- yarn@^1.12

### 2. 설치하기

```
$ yarn install
```

## 목표

### 1. 만들고자 하는 것

이 프로젝트는 간단한 Todo 앱을 만듭니다. 설계된 기능은 다음과 같습니다:

- Todo를 추가할 수 있다.
- Todo를 삭제할 수 있다.
- Todo를 완료할 수 있다.
- Todo 목록을 저장소에 저장 후 새로고침 하면 불러올 수 있다.

이 브랜치에는 완성되지 않은 코드가 있습니다. 이 프로젝트의 참여자는 구현을 마무리하여 앱을 완성하는 것을 목표로 합니다.
구현된 화면을 보고싶은 경우, 개발 서버를 구동하세요. 소소 코드가 변경되면 자동으로 앱이 빌드됩니다.

```
$ yarn start
```

### 2. 테스트를 통과하세요.

사전에 준비된 테스트 케이스를 통과시켜, 구현한 앱이 잘 작동됨을 보장하도록 합니다. 다음 스크립트 명령어로 테스트를 실행할 수 있습니다.

```
$ yarn test
```

## 추가 사항

리액트 프로젝트에 익숙해졌다면, 추가 요구사항을 구현합니다.

- 완료된 Todo 항목만 볼 수 있도록 리스트를 필터링합니다.
- 완료된 Todo 항목을 모두 지웁니다.

또한, 스타일시트가 적용되어 있지 않기 때문에, SCSS(SASS)를 추가하여 예쁘게 꾸며보세요.