모의코인 투자 프로젝트

우리의 프로젝트의 핵심 기능 중 하나는 사이드 내비게이션 바였다. 이 글은 요구사항에 맞는 사이드바를 구현하기 위해 고민한 과정과 해결 과정을 담고 있다.현재 사이드바의 주요 기능 및 요구 사항은 다음과 같다.우리의 사이드바는 기본적으로 토글 방식으로 동작한다. 즉 사

부스트 캠프에서 비트코인 모의투자 사이트를 제작하며 차트 컴포넌트에 무한 스크을 구현한 경험을 공유해보고자 한다기존 차트는 가장 최신 날짜를 기준으로 200개의 캔들 데이터만 가져오고 있었다. 이 때문에 사용자는 과거의 차트를 볼 수 없다는 문제가 존재해 팀원들과 협의

Tanstack Query의 useSuspenseInfiniteQuery를 활용하여 차트 무한스크롤링을 구현한 뒤 발생한 문제를 해결하는 과정을 담은 글이다. 현재 스크롤 이벤트는 차트의 마지막 부분을 계산하여 캔들의 마지막 부분과 가까워 지면 데이터를 추가적으로 요청

현재 우리의 서비스는 로그인을 하지 않고 이용이 가능한 api와 로그인을 한 뒤 access_token을 통해 접근이 가능한 api 들이 존재한다. 로그인을 통해 접근이 가능한 api는 access_token이 만료될 시 401 에러가 발생하며 refresh_token

이번 프로젝트의 목표 중 하나는 재사용성이 높은 컴포넌트를 만드는 것이었다. 프로젝트를 진행하며 인증에 관한 로직이 중복되는 것을 발견했고 위 문제를 해결하기 위한 과정을 담은 글이다.현재 서비스 상, 로그인이 되어 있지 않을 때 접근을 제어해야 하는 컴포넌트가 상당히

이 글은 사이트 배포를 한 뒤 light house의 성능을 측정 한 뒤 실망스러운 결과를 얻은 후 light-house의 성능을 올리기 위한 방법 중 하나로 코드 스플릿팅을 진행한 과정을 담은 글이다.Lighthouse는 구글에서 제공하는 웹 페이지 품질 개선을 위한