Issue#127/404 page 및 작업 다수

[baldwinIV]

개요

• 404Page라고 적혀있긴 하나.. 이것저것 많이 했습니다.
• 일단 올리고.. 자고 일어나서 상세 설명 드리겠습니다. 너무 졸리네영.

작업사항

• 사용자 디바이스(모바일인지, 데스크탑인지) 유저에이전트로 판별하는 훅 일단 작성 (현재 안씀)
• 404 페이지 커스텀
• 코인 선택 안되었을때 귀여운 도지를 렌더링
• 백그라운드 색 설정 및 각 컴포넌트간 구별
• _document 타입 지정 (any 삭제)
• 캔들차트 글씨 크기 조절
• useRealtimeUpbitData 리팩터링 (ref사용하지 않는 방법)
• 이것저것 스타일링 전부..

생각해볼점

• useWindowSize 훅이 좀..어설프다. 모바일 가로세로 돌리면 차트 크기가 이상함

이미지

• 배경 색 및 차트간 구분 및 반응형 관련 여러 처리.. 이제 스타일링은 어느정도 되었을지도?

• 디테일 페이지도 drawer로 변경

• 404 및 코인 선택 안했을 때

[rkdwoals159]

https://nextjs.org/docs/messages/no-document-viewport-meta 제가 _document에 원래 오픈그래프 메타데이터를 넣어놨는데 warning이 뜨더라구요 보니까 _app.tsx에 옮겨주는게 옳은 방향이라고 해서 이따가 conflict처리하실때 옮겨주실수있을까요?