designer DK의 블로그

  • 홈
  • 태그
  • 방명록

쿼리스트링 1

검색 기능 - URL에 query string 붙여서 요청과 응답 해보기

상품 목록에 대해 원하는 상품 목록만 나오도록 할 수 있는 검색 기능을 진행해보았다.특히 url 주소에 검색어를 넣어서 get 요청을하고 거기에 대한 응답을 할 수 있도록 만들어서 프론트엔드 백엔드 간 api를 통해 검색결과가 보여지도록 구현해보았다. 이번에도 gpt와 함께 코드를 짜서 모르는 개념들도 많이 나왔는데 새롭게 알게 된 개념들 위주로 정리해본다.아래 코드가 url을 통한 검색을 구현한 프론트엔드 코드이다. // 검색 기능을 수행하는 함수function searchProducts(searchQuery) { if (searchQuery) { // 검색어가 있을 경우 해당 검색어로 검색 요청 fetch(`${URI}/api/product?name=${encodeURIComponent(searchQ..

나의 개발 일지 2024.10.26
이전
1
다음
더보기
프로필사진

designer DK의 블로그

designer DK의 블로그 입니다.

250x250
  • 분류 전체보기 (76)
    • GRAFFIN (4)
    • 나의 개발 일지 (56)
    • UX UI 포트폴리오 (1)
    • 생활 팁 (3)
    • 일상 (2)
    • 생각 (1)
    • 디자인 & 모션 팁 (1)
    • 블렌더 팁 (2)
    • 자료 (1)

Tag

웹컴포넌트, 프론트엔드, javascript, 쇼핑몰, CSS, 서울시유치원, 개발, 자바스크립트, netlify, 페이지네이션, 배포, 백엔드, nodejs, node.js, design, graffin, mongoDB, stock, API, 풀스택,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • MY 유튜브 채널

티스토리툴바