[TIL/React] 2023/02/21

머리글

무작정 만들어 보는 것도 물론 도움은 되겠지만, 로직을 이해하기 위한 최소한의 노력이 가미되어야 한다고 판단했다. 오늘은 개조식으로 글을 작성하면서 코드를 복습해 보겠다.

가위바위보 게임 프로젝트 로직 이해
1. 박스 2개 그리기(박스는 title, img, result로 구성)
2. 박스 하단에 있는 '가위바위보' 버튼 만들기
3. 버튼을 클릭하면, 클릭한 값이 박스에 보이게 하기
4. 컴퓨터는 랜덤하게 아이템을 선택하도록 구현하기
5. '3, 4'의 결과로 승패를 따지게 한다.
6. 승패결과에 따라 테두리 색이 변경되게 한다.(승-초록, 패-빨강, 무-검정)

1. 박스 2개 그리기
2. 박스 하단에 있는 '가위바위보' 버튼 만들기

3. 버튼을 클릭하면, 클릭한 값이 박스에 보이게 하기

4. 컴퓨터는 랜덤하게 아이템을 선택하도록 구현하기

5번 6번은 내일 이어서 하도록 하자...

회고

마지막에 실수로 TIL을 다 날릴 뻔했다... 맥북을 부수려다가 침착하게 해결했다. 내일 마저 정리하고 이어서 강의를 수강한 뒤에, 목요일&금요일은 CSS를 좀 연습해야겠다. 내일도 화이팅!