백엔드에서 페이지네이션 적용전 useEffect(() => { const fetchProductList = async () => { try { let url = 'http://localhost:8000/shop/products/list/'; if (categoryId) { // 카테고리 선택시 동적으로 요청하도록 url += `${categoryId}/`; } if (sortBy === 'hits') { url += '?sort_by=hits'; } else if (sortBy === 'highprice') { url += '?sort_by=high_price'; } else if (sortBy === 'lowprice') { url += '?sort_by=low_price'; } const respon..
Today I Learned 변경 전 useEffect(() => { const fetchProductList = async () => { try { if (categoryId) { // categoryId 값이 존재할 때에만 API 요청 보내도록 수정 const response = await axios.get(`http://localhost:8000/shop/products/list/${categoryId}`); setProductList(response.data); console.log(response.data) } else { // categoryId 값이 존재하지 않을 경우 최신 상품 목록이 보여지도록 수정 const defaultResponse = await axios.get('http://lo..
EcoCanvas S.A (Starting Assignments) 팀 소개 팀명: EcoCanvas(에코 캔버스) 팀원: 박지홍, 송지명, 이주한, 장소은, 최준영 역할 분담 박지홍 배포, 백엔드/프론트 송지명 git repository 담당, 부팀장, 백엔드/프론트 이주한 팀장, 백엔드/프론트 장소은 아이디어, 백엔드/프론트 최준영 readme 관리, 백엔드/프론트 프로젝트(사이트) 소개 프로젝트 소개 프로젝트명: EcoCanvas 프로젝트 목적: 환경 캠페인 생성/참여, 캠페인에 펀딩하기, 친환경 상품 쇼핑등 사용자들의 친환경 캠페인 참여 또는 친환경 제품 사용을 독려하는 것이 목적입니다! 프로젝트 스택 Front-End HTML CSS JavaScript React Back-End Python 3...
curl은 명령 줄 도구로, URL을 통해 데이터를 전송하고 요청 및 응답을 확인하는데 사용. OPTIONS는 HTTP 메서드 중 하나로, 서버에서 지원되는 요청 메서드를 확인하기 위해 사용 curl을 사용하여 OPTIONS 요청을 보내는 방법 curl -X OPTIONS : OPTIONS 요청을 보낼 대상 URL 예시) http://example.com으로 OPTIONS 요청을 보내려면.. curl -X OPTIONS http://example.com curl은 OPTIONS 요청을 보내고 서버로부터의 응답을 표시 응답에는 서버에서 지원하는 메서드 목록과 기타 정보 등이 포함 OPTIONS 요청은 일반적으로 CORS (Cross-Origin Resource Sharing) 관련 작업에서 사용되고, 서버..
B1A4의 RECIPE SOUP프로젝트 기획 서비스 : DRF, AI를 활용한 레시피 추천 사이트 구현된 기능 정리 공통 일반 회원가입 일반 로그인 후기 작성 삭제 댓글 crud 회원 탈퇴 추가 기능 소셜로그인 teachable machine을 활용한 재료 이미지 판별 모델 및 추천 시스템 검색 기능 TossPay를 활용한 결제 구독 서비스 구현 로컬스토리지를 활용한 페이지네이션, 최근 본 게시글 목록 슬랙봇 기능 일람 일반 로그인 JWT 토큰을 받아 로컬 스토리지에 저장 입력값은 최소화 소셜로그인 django-allauth를 이용한 소셜로그인 구현 카카오 - 카카오 디벨로퍼 클라이언트 ID 값을 받아 redirect uri 설정후 연결 구글/네이버/깃허브 - 소셜사이트 측에서 클라이언트 ID 값과 Se..
