반응형 nodejs9 바이브코딩 툴 입문 - API 코드 리팩토링: 라우터와 함수로 서버 코드 정리하기 지난 글에서는 To-do 앱에 정렬 기능을 추가했습니다.이제 앱에는 꽤 많은 기능이 들어갔습니다.목록 조회할 일 추가완료 상태 수정삭제검색필터페이지네이션정렬SQLite 저장 기능만 보면 이제 단순한 연습용 앱을 넘어 실제 서비스 구조에 가까워지고 있습니다.그런데 여기서 새로운 문제가 생깁니다.server.js 파일이 너무 길어진다.처음에는 server.js 하나에 모든 코드를 넣어도 괜찮습니다.하지만 기능이 늘어나면 코드가 복잡해지고, 수정하기도 어려워집니다.이번 글에서는 지금까지 만든 Express + SQLite To-do API 서버를 기준으로 코드를 역할별로 나누는 리팩토링 방법을 정리해보겠습니다.리팩토링이란 무엇일까?리팩토링은 기능을 바꾸는 작업이 아닙니다.겉으로 보이는 동작은 그대로 두고, 내.. 2026. 5. 29. 바이브코딩 툴 입문 - 정렬 기능 만들기: 최신순, 오래된순, 완료 상태순으로 보기 지난 글에서는 To-do 앱에 페이지네이션을 추가했습니다.이제 데이터가 많아져도 한 번에 전체 목록을 불러오지 않고, LIMIT과 OFFSET을 사용해 필요한 만큼만 가져올 수 있습니다./api/todos?page=1&limit=5/api/todos?page=2&limit=5/api/todos?keyword=운동&status=active&page=1&limit=5 여기까지 오면 목록형 앱의 기본 구조가 꽤 완성됩니다.하지만 실제 앱에서는 한 가지 기능이 더 필요합니다.바로 정렬 기능입니다.사용자는 데이터를 항상 같은 순서로 보고 싶어 하지 않습니다.최신순으로 보고 싶다오래된순으로 보고 싶다완료된 항목을 먼저 보고 싶다미완료 항목을 먼저 보고 싶다 이번 글에서는 SQLite와 Express를 기준으로 OR.. 2026. 5. 27. 바이브코딩 툴 입문 - 페이지네이션 만들기: LIMIT과 OFFSET으로 데이터 나눠보기 지난 글에서는 To-do 앱에 전체 / 완료 / 미완료 필터 기능을 추가했습니다.이제 사용자는 원하는 조건에 맞는 할 일만 볼 수 있습니다.전체 보기완료된 항목만 보기미완료 항목만 보기검색어로 찾기 그런데 데이터가 더 많아지면 또 다른 문제가 생깁니다.할 일이 10개일 때는 괜찮습니다.하지만 100개, 1,000개, 10,000개가 되면 전체 데이터를 한 번에 불러오는 방식은 부담이 됩니다.이때 필요한 기능이 바로 페이지네이션(Pagination)입니다.이번 글에서는 SQLite와 Express를 기준으로 LIMIT과 OFFSET을 사용해 데이터를 페이지 단위로 나누는 방법을 정리해보겠습니다.페이지네이션이란 무엇일까?페이지네이션은 데이터를 한 번에 모두 보여주지 않고, 일정 개수씩 나누어 보여주는 방식입.. 2026. 5. 26. 바이브코딩 툴 입문 - 필터 기능 만들기: 완료/미완료 상태별로 데이터 보기 지난 글에서는 WHERE와 LIKE를 사용해 검색 기능을 만드는 방법을 알아봤습니다.검색 기능이 생기면 사용자는 원하는 데이터를 더 빠르게 찾을 수 있습니다.하지만 실제 앱에서는 검색만으로는 부족합니다.To-do 앱을 예로 들어보겠습니다.사용자는 이런 기능도 원합니다.전체 할 일 보기완료된 할 일만 보기미완료 할 일만 보기 이런 기능을 필터 기능이라고 부릅니다.이번 글에서는 SQLite와 Express를 기준으로 완료/미완료 상태별로 데이터를 필터링하는 방법을 정리해보겠습니다.필터 기능이란 무엇일까?필터는 전체 데이터 중에서 특정 조건에 맞는 데이터만 보여주는 기능입니다.검색은 보통 “문자열”을 기준으로 데이터를 찾습니다.제목에 ‘운동’이 포함된 할 일 찾기 필터는 보통 “상태”나 “분류”를 기준으로 데.. 2026. 5. 22. 이전 1 2 3 다음 반응형
