React, Next.js

Context Api를 활용해서 가상자산, 주식, 지수 등의 정보를 보여주는 테이블을 만들고자 합니다. 헤더의 필터링 기능을 전역 상태 관리로 구현할 수 있습니다.

Pagination (페이지네이션) 컴포넌트는 대량의 데이터 중 일부를 가져와 화면에 표시하고, 사용자에게 순차적으로 데이터를 보여주고자 할 때 적합한 컴포넌트입니다. 이번 게시물을 통해, React 및 Next.js에서 구현하는법을 소개하겠습니다.

next-i18.next를 활용해서 next.js의 다국어 지원 기능을 비교적 쉽게 구현해보고자 한다.

서버 상태관리에 유용한 SWR과 React-Query에 대해 알아보고, 서로 비교해보고자 한다.

Carousel 컴포넌트는 사용자에게 보여주고 싶은 정보들을 보기 편한 UI로 가독성있게 전달하고자 할 때 자주 활용되는 컴포넌트이다.

지난번 포스팅에서 Web View에서의 Carousel을 구현한데 이어서, 이번에는 Mobile View에서의 Carousel을 구현해보고자 한다. Web Carousel과 Mobile Carousel의 목적은 본질적으로 비슷하지만, 모바일 환경에 적합하게 구현하기

react-financial-charts 라이브러리를 활용하면 비교적 간단하게 캔들차트를 생성할 수 있습니다. 이번 게시글을 통해, 미숙하게나마 사용법을 공유하고자 합니다.