본문 바로가기

전체 글79

DRF APIView로 좋아요 기능 구현_프론트엔드 역시나 아직 미천한 실력이지만 힘겹게 완성한 좋아요 기능입니다. 백엔드에서 정보를 주고 받아 이를 프론트에서 표현하는 방법이 가장 어려웠던 것 같습니다. icon 소스를 무료로 제공해주는 사이트에서 하트 아이콘 하나 받아오시고 Javascript로 async function으로 백엔드에서 API 통신으로 DB 데이터를 받아올 수 있도록 함수를 짜도록 합니다. viewLike()에서는 해당 유저가 좋아요를 눌렀었는지 확인하고 눌렀었다면, 하트가 빨간색으로 나올 수 있도록 해주어야 하기 때문에 if문을 사용하여 liked.likes(좋아요를 누른 유저들) 중에 me(해당 유저)가 포함 되어 있다면 classList에 빨간 하트를 추가해주어 눌린것으로 표현해주면 되고 해당 유저가 포함되어 있지 않다면 clas.. 2022. 12. 5.
WIL 14주차 FACTS 딥러닝 기술을 활용한 장고 서비스 프로젝트 (11/30 ~ 12/28) FEELINGS 시리얼라이저를 활용하여 다양한 데이터를 API를 통해 제공할 수 있음 좋아요 기능에 대한 개념 이해 딥러닝 모델 오픈소스를 구하더라도 제대로 활용하기 위해서는 많은 시간과 학습을 위한 데이터가 필요함 API로 백엔드의 DB 데이터를 프론트엔드 Javascript for문으로 나열하는 방법에 대해 이해 FINDINGS Git 커밋 메세지 작성하는 것에 대해 아직 미숙함 FUTURE 타 웹사이트 정보 크롤링 하는 방법에 대해 학습 할 것 SNS 공유 기능에 대해 학습 할 것 2022. 12. 5.
DRF APIView로 좋아요 기능 구현_백엔드 아직 코딩 초보이기에 미개한 방법일 수 있으나 열심히 짱구를 굴려 구현한 좋아요 기능에 알아보겠습니다. APIView로 get, post 메소드를 통해 프론트엔드와 통신을 해야 한다. get 메소드는 좋아요에 대한 정보를 프론트가 받아 사용할 것이고, post 메소드는 프론트에서 좋아요 버튼을 눌렀을 때 백에서 이를 받아 DB에 저장해주게 된다. 좋아요 필드는 ManyToManyField로 작성해주었다. PositiveIntegerField를 사용하는 방법도 있는 것 같은데 아직 완전히 이해하지 못해서 다음 기회에 공부해보기로.. # models.py class Post(models.Model): user = models.ForeignKey(User, on_delete=models.CASCADE) ..... 2022. 12. 2.
협업을 위한 Git 커밋 메시지 작성 방법 커밋(commit)이란 git에서 버전을 관리하거나 기능을 추가할 때 변경 된 작업들을 저장소에 기록하는 것을 말한다. 커밋 메시지가 중요한 이유와 규칙의 필요성 Git에서 파일의 변경을 커밋 단위로 저장되기 때문에 이 변경 내역을 알려주는 커밋 메시지를 잘 작성하는 것은 중요하다. 커밋 메시지 규칙의 필요성으로는 아래와 같다. 팀원과의 소통 편리한 과거의 기록 추적 이슈를 함께 작성하면서 이슈와 관련된 진행 사항을 확인 좋은 커밋 메시지의 작성법 좋은 커밋 메시지를 작성하기 위해 사용하는 몇 가지 규칙에 대하여 알아보도록 하자 1. 커밋 유형 지정 Feat - 새로운 기능 추가 Fix - 버그 수정 Build - 빌드 관련 파일 수정 Ci - CI관련 설정 수정 Docs - 문서 (문서 추가, 수정, .. 2022. 11. 30.
OpenCV 이미지 다루기 (읽기, 출력, 저장) DRF APIView를 통해 업로드 받은 이미지를 다뤄보자 딥러닝을 다루는 프로젝트 진행 중 딥러닝으로 변환 된 이미지를 새롭게 저장하기 위해 이미지 읽고, 저장하기 위한 방법에 대해 공부하고 정리한 내용입니다. 먼저 패키지를 인스톨 받은 후에 pip install opencv-python cv2를 import import cv2 이미지 읽어오기 imread() : 이미지 읽어오기 cv.2imread(이미지 경로)를 해주면 해당 경로의 이미지를 읽어올 수 있다. def img_transfer(): image_path = "/media/sample.jpg" img = cv2.imread(image_path) 이미지 출력하기 imshow() : 이미지 출력하기(화면에 띄우기) imshow(윈도우 창 이름, .. 2022. 11. 29.
상태코드 HTTP_204_NO_CONTENT 관련 에러 상태코드 HTTP_204_NO_CONTENT 관련 에러 증상 : 해당 기능의 api 요청을 보낼 시 ‘HTTP_204_NO_CONTENT’를 사용할 경우 에러를 일으킴 원인 : console.log(response)를 사용하여 확인 결과 body에 백엔드의 데이터를 담아오지 못하는 것을 찾아냄. 그래서 확인 결과 상태코드에 따라 api로 요청을 보낼 때 영향을 미칠 수 있던 것이다. 상태코드 HTTP_204_NO_CONTENT를 사용 하여 restAPI를 사용하면 json 형식의 데이터를 담을 수 없어 에러를 발생. 해결방법 : ‘HTTP_204_NO_CONTENT’는 json 형식의 데이터를 주고 받을 수 없으므로 상태코드를 ‘HTTP_200_OK’ 변경하여 해결 API 개발 시 적합한 상태코드를 작성.. 2022. 11. 28.