문제

<Counter />, <Input />, <ShowBox />를 구현하세요. 모든 테스트를 통과해야 합니다.

조건

<Counter />

• + 버튼을 누르면 count가 1 증가합니다.
• - 버튼을 누르면 count가 1 감소합니다.
• count는 -10 이상 10 이하입니다.
• count의 초기값은 0입니다.

<Input />

• <input> 태그를 사용합니다.
• 입력한 값은 상위 컴포넌트로 전달됩니다.

<ShowBox />

• <Input />에서 입력한 값을 보여줍니다.
• <Input />에서 입력한 값이 없다면 '값을 입력해주세요'를 보여줍니다.
• <Input />에서 입력한 값이 있다면 p 태그 안에 보여줍니다.
• 예시로 'hello world'를 입력했다면 <p>hello world</p>를 보여줍니다.

준비

package 설치

$ npm install

실행

$ npm start

테스트

모든 테스트 케이스를 통과하면 됩니다.

$ npm test

제출

1. 이름/닉네임으로 branch를 만들고 작업을 하세요.
2. 작업이 끝나면 PR을 보내주세요.
3. 테스트가 통과하면 완료입니다.