2022년 10월 20일 velog에 작성된 내용을 이전한 게시글입니다. react project를 세팅하는 과정에서 문제 사항을 반복하지 않고자 기록을 남깁니다. IDE : VSCODE Machine : Mac pro M1 node.js version : 16.18.0 package manager : yarn 우선 react를 세팅하기 이전에 intellij에서 node.js 사용한적이 있으며, react project를 생성하기 위해 아래 명령어를 사용했습니다. % yarn global add create-react-app 이 후 아래와 같이 에러가 발생했습니다. The engine "node" is incompatible with this module. Expected version ">= 0.4...
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/cuLQM9/btrDRMa8olY/THs6Dd0FNJLFsbkkVPw571/img.png)
기능 1. 'Game start' 를 클릭 할 경우 'Enter' 버튼이 생김. 2. 입력칸에 세자리 숫자를 입력할 경우, 입력한 숫자와 무작위의 세자리 숫자를 비교하여 'Strike', 'Ball' score를 표시. (입력한 숫자가 3자리가 아닐 경우 세자리로 입력하라는 경고창이 실행 되도록 함.) 3. 참여자는 10회 play 가능하며, 10회가 끝나면 'Enter' 버튼이 사라짐. 4. 'Replay' 버튼 클릭 시 'Enter' 버튼이 다시 생겨나며, 게임 가능 회수 또한 다시 10회가 주어짐. 회고 - 랜덤숫자를 생성하는 반목문을 별도의 함수로 만드려 하였으나, 함수로 만들 시 실행에서 문제가 발생하여 불가피하게 코드가 길어졌습니다. - 'Enter' 버튼을 'display : none' , ..
- Total
- Today
- Yesterday