오늘 한 것은 아니나. . . 기록해둬야 할 것 같아서 https://sogummi.tistory.com/159 내일배움캠프 TIL 68일차 - 코드 개선하기 (리액트, url통일의 중요성) Today I Learned 변경 전 useEffect(() => { const fetchProductList = async () => { try { if (categoryId) { // categoryId 값이 존재할 때에만 API 요청 보내도록 수정 const response = await axios.get(`http://localhost:8000/shop/products/list/$ sogummi.tistory.com 이 날 적었던 부분 추가 개선 class ProductListViewAPI(APIView): ..
이번 주 타임라인 월 - 상품 등록 완료(다중 이미지), 카테고리별 상품 조회, 유저 페이지 제품 상세페이지 구현, 화 - 주문 페이지 구현, 카카오 콜백 로컬스토리지에 토큰 저장, 주문 모델/로직 추가, Shop 테스트 코드 다중이미지 기능 추가 수 - 마이페이지 기초 틀, 마이페이지 참가 캠페인 내역 조회, 작성 캠페인 내역 조회, 내 댓글/내 리뷰/ 내 좋아요 조회 목 - 상품 카테고리 별 상품 조회, 선택하지 않았을 경우 최신순으로, 조회수 기능 추가 금 - 페이지네이션 방식 변경 (백엔드 단에서 처리하고 프론트에서 받아 처리), 사이드바/탑바 수정, 마이페이지에서 캠페인이 정상종료&기간이 지났다면 리뷰 작성 버튼 보이도록 처리, 리뷰 작성기능 추가 Shop API 코드 개선 토 - 백오피스 캠페..
백엔드에서 페이지네이션 적용전 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 주문 수량이 상품 재고 보다 많을 시 예외 처리 하는데 ValidationError로 예외 처리 문구는 잘 떴는데 실제로는 order_info가 빈 채로 db 저장이 되고 있었다 변경 전 def create(self, validated_data): order_quantity = validated_data.get('order_quantity') product_key = validated_data.get('product') order = super().create(validated_data) product = ShopProduct.objects.get(id=product_key.id) if product.product_stock >= order_quantity: product.p..
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..
