2차 공부/TIL

24.10.08 개인프로젝트 마무리

공대탈출 2024. 10. 8. 21:28

리그오브레전드 정보 페이지 바로가기

LIP는 무료로그인 없이 사용할 수 있는 리그오브레전드 정보 제공 서비스입니다.

NextReact, TypeScript를 사용하여 개발하였으며
원하는 챔피언이나 아이템의 정보를 확인하고
이상형월드컵을 통해 인기 챔피언을 알아볼 수 있습니다!


image

목차

LIP 서비스는 이런걸 할 수 있어요!

01챔피언목록02챔피언상세03아이템목록04아이템상세05로테이션06이상형월드컵07이상형월드컵결과

개인과제에서 이런걸 했어요

NextJS를 사용하며 발생한 여러 문제들

  • 컴포넌트 분리 후 스타일이 적용되지 않는 문제 - 전상국
  • useSuspenseQuery와 hydration 문제

LIP에선 이런 기술을 사용했어요

기술의사결정

LIP의 서비스 요청 흐름도

FE Architecture

전상국