반응형 nodejs10 바이브코딩 툴 입문 - 필터 기능 만들기: 완료/미완료 상태별로 데이터 보기 지난 글에서는 WHERE와 LIKE를 사용해 검색 기능을 만드는 방법을 알아봤습니다.검색 기능이 생기면 사용자는 원하는 데이터를 더 빠르게 찾을 수 있습니다.하지만 실제 앱에서는 검색만으로는 부족합니다.To-do 앱을 예로 들어보겠습니다.사용자는 이런 기능도 원합니다.전체 할 일 보기완료된 할 일만 보기미완료 할 일만 보기 이런 기능을 필터 기능이라고 부릅니다.이번 글에서는 SQLite와 Express를 기준으로 완료/미완료 상태별로 데이터를 필터링하는 방법을 정리해보겠습니다.필터 기능이란 무엇일까?필터는 전체 데이터 중에서 특정 조건에 맞는 데이터만 보여주는 기능입니다.검색은 보통 “문자열”을 기준으로 데이터를 찾습니다.제목에 ‘운동’이 포함된 할 일 찾기 필터는 보통 “상태”나 “분류”를 기준으로 데.. 2026. 5. 22. 바이브코딩 툴 입문 - 검색 기능 만들기: WHERE와 LIKE로 원하는 데이터 찾기 지난 글에서는 SQL의 기본 문법을 정리했습니다.SELECT → 데이터 조회INSERT → 데이터 추가UPDATE → 데이터 수정DELETE → 데이터 삭제 이제 데이터베이스에 데이터를 저장하고, 불러오고, 수정하고, 삭제하는 흐름은 어느 정도 잡혔습니다.하지만 실제 앱에서는 한 가지 기능이 더 필요합니다.바로 검색 기능입니다.To-do 앱을 예로 들면, 할 일이 많아질수록 전체 목록을 한 번에 보는 것만으로는 부족합니다.“운동”이 들어간 할 일만 보고 싶다“블로그” 관련 할 일만 찾고 싶다완료되지 않은 항목 중 특정 단어가 있는 것만 보고 싶다 이럴 때 사용하는 SQL 문법이 바로 WHERE와 LIKE입니다.이번 글에서는 SQLite와 Express를 기준으로 검색어를 입력하면 DB에서 원하는 데이터만.. 2026. 5. 21. 바이브코딩 툴 입문 - SQLite로 To-do 데이터 저장하기: 서버를 껐다 켜도 데이터가 유지되는 앱 만들기 지난 글에서는 데이터베이스가 왜 필요한지 알아봤습니다.우리가 이전에 만든 Express 서버는 데이터를 배열에 저장했습니다.let todos = []; 이 방식은 연습용으로는 좋습니다.하지만 서버를 끄고 다시 실행하면 데이터가 사라집니다.실제 서비스에서는 이러면 안 됩니다.사용자가 저장한 할 일, 게시글, 댓글, 회원 정보는 서버를 다시 시작해도 남아 있어야 합니다.그래서 이번 글에서는 SQLite를 사용해 To-do 데이터를 실제 DB 파일에 저장하는 방법을 정리해보겠습니다.이번 글의 목표이번 글에서는 기존 Express To-do API 서버를 바꿔서 데이터를 배열이 아니라 SQLite에 저장합니다.최종 구조는 이렇게 됩니다.프론트엔드 화면→ fetch 요청→ Express 서버→ SQLite 데이터.. 2026. 5. 19. 바이브코딩 툴 입문 - 데이터베이스가 왜 필요할까? 메모리 저장과 DB 저장의 차이 지난 글에서는 프론트엔드와 백엔드를 연결하는 방법을 알아봤습니다.이제 화면에서 버튼을 누르면 Express 서버로 요청이 가고, 서버는 JSON 데이터를 응답합니다.즉, 이런 구조까지 왔습니다.프론트엔드 화면→ fetch 요청→ Express 백엔드 서버→ JSON 응답→ 화면 업데이트 이제 꽤 그럴듯한 웹앱처럼 보입니다.하지만 아직 큰 문제가 하나 남아 있습니다.서버를 껐다 켜면 데이터가 사라진다.이번 글에서는 이 문제를 기준으로 데이터베이스가 왜 필요한지, 그리고 메모리 저장과 DB 저장이 어떻게 다른지를 초보자 기준으로 정리해보겠습니다.지금까지 데이터는 어디에 저장됐을까?지난 Express 서버 예제에서는 데이터를 이렇게 저장했습니다. let todos = [ { id: 1, title.. 2026. 5. 18. 이전 1 2 3 다음 반응형
