Recursive Query를 활용한 카테고리 페이지 구현
Introduction 이번 글에서는 데이터베이스의 재귀 쿼리와 React에서의 재귀 렌더링을 활용하여 카테고리 페이지를 구현한 과정을 기록한다. 카테고리 데이터는 계층적 구조를 가지기 때문에 단순한 쿼리나 렌더링 방식으로는 원하는 결과를 얻기 어렵다. 이 글은 이를 해결하기 위해...
Introduction 이번 글에서는 데이터베이스의 재귀 쿼리와 React에서의 재귀 렌더링을 활용하여 카테고리 페이지를 구현한 과정을 기록한다. 카테고리 데이터는 계층적 구조를 가지기 때문에 단순한 쿼리나 렌더링 방식으로는 원하는 결과를 얻기 어렵다. 이 글은 이를 해결하기 위해...
Introduction 데이터베이스에 있는 데이터를 브라우저에 표현하는 방식은 여러가지가 있다. 표로 나타낼 수도 있고, 라디오 버튼으로 선택을 할수 있게끔 나타낼 수도 있다. 그리고 계층형 구조, 다른 말로 Tree 형식 으로도 나타낼 수 있다. 만일 보여주고자 하는 데이터가 부...
Introduction 개발자로 이직을 하기 위해 여러가지를 배웠지만, 제일 중점적으로 공부하고 배웠던건 역시 “기능을 구현하는 방법” 이었다. 백엔드에서 데이터를 어떻게 불러오고 필터링을 어떻게 코딩할지, 또는 프론트엔드에서 받은 데이터를 어떻게 처리해서 원하는 응답을 다시 프론...
Introduction 코딩을 할 때 데이터를 다루다 보면 데이터의 정렬이 필요할 때가 있다. 백엔드와 프론트엔드 모두 이 정렬 기능이 필요한 경우가 많은데 일반적으로는 다음과 같은 장점이 있다. 정보 접근성 향상 빠르게 원하는 정보 찾기 효율적...
Introduction Next.js에서 Jest로 유닛테스트 만들기에서 다음과 같은 내용을 다뤘다. 컴포넌트에 HTML 요소들이 렌더링이 되는가? 사용자 이벤트들이 제대로 동작하는가? 액션 요청이 디스패치가 잘 되는가?