[이서용][07/25]

### 오늘은 어떻게 프로젝트에 기여했나요?

- 게임 관련 페이지의 뷰 구성을 완료하였습니다.

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?

- GUI 화면에 3X3 파일 매트릭스를 구현하면서 화면 크기에 따른 레이아웃 이동의 필요성을 느끼게 되었습니다. 이를 flex의 wrap 속성을 이용하여 자연스럽게 박스가 밑으로 흐르도록 구현하였습니다.

- input 태그 선택 이후 나타나는 기본 외곽선을 변경하려 하였으나 border 속성으로는 적용이 되지 않았습니다. 검색을 통해 확인해 보니 :focus 가상 선택자와 outline 속성을 사용해야 변경이 된다는 것을 찾아냈습니다. 또한 Inset 이나 outset을 이용하면 반쪽만 그림자 효과를 줄 수 있다는 것도 알게 되었습니다.

```css
#login-input-id:focus {
outline: 2px inset #fcad03;
}
```
- HA때 만났지만 제대로 짚고 넘어가지 못했던 리액트의 history를 경일님 덕분에 다시 찾아보고 정리할 수 있었습니다.

### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

- [ ] 게임 기능 API 세부 연동
- [ ] CSS 개선
- [ ] 최종 배포 준비