LOL 챔피언 사이트) KPT 회고✍️

1. Project - LOL 챔피언 사이트🔱

01. 완성 사이트 엿보기

LOL 챔피언 사이트 바로가기

• Home

• Item

• Champion

• Champion Detail

• Rotation

• 반응형

반응형 Home	반응형 Champion
반응형 Item	반응형 Rotation

2. Project KPT Review🗒️

01. 개인 회고

• KEEP : 만족하는 부분

- Next.js의 서버 사이드 / 클라이언트 사이드 개념을 학습했다.
- TypeScript를 사용해봄으로써 타입에 대한 개념과 필요성을 학습했다.
- README를 열심히 작성했다.

• PROBLEM : 문제가 발생한 부분

[기능 부분]
- 서버/클라이언트에 대한 개념을 이해하지 못한 채, 프로젝트를 진행하였다.
- Next/Image에 대해 리서치를 하지 않고 사용하여 오류를 해결하는데 많은 시간을 소모했다.

[기타]
- 도전 기능을 모두 구현하지 못했다.

• TRY : 개선방안

[기능 부분]
- 서버/클라이언트에 대해 학습하고, 서버 컴포넌트에 대한 장단점을 다시 복습한다.
- 공식 문서를 꼼꼼히 확인하자.

[기타]
- 추후에 도전해본다.

02. 튜터님의 피드백

• 메타데이터 활용이 아쉽다. 각 페이지별 메타데이터를 적극 활용해서 SEO 최적화, 접근성 개선을 해보자.
• 챔피언 목록이나 아이템 목록 같은 경우에 ul 태그를 사용해보자.
• Route Handlers는 RESTful API를 만들 수 있는 장점이 있다. 그런 점에서 rotation-alluser라는 이름은 조금 적합하지 않다.
• Route Handlers에서 두 번째 인자({ status })를 활용해보자. 상태코드도 함께 정의를 해주면, 더 다양한 에러 핸들링이 가능하다.