전체 글 268

20221211 WIL

이번주 한 일 최종 프로젝트 사물인식 모델 학습 소셜 로그인 자바스크립트 - 네비게이션 바 분리 및 기타등등 소셜 로그인 관련 도대체 소셜로그인 콜백데이터를 프론트엔드에서 어떻게 다룰 수 있을까 고민하다가 리다이렉트URI를 백엔드가 아닌 프론트엔드 부분으로 보내는 방법을 사용 GOOGLE_CALLBACK_URI = 'http://127.0.0.1:5500/templates/login.html' login.html 페이지로 콜백URI를 보내 code를 담도록 만들었다 user.js // 구글 로그인 연습중 async function handlegoogle() { let code = new URL(window.location.href).searchParams.get('code') if (code) { con..

20221209 TIL

오늘의 한 일 최종프로젝트 - 프로필페이지, 수정페이지 연동 / 네비게이션 바 분리 프로필 페이지(myprofile, petprofile), 수정페이지 연결 네비게이션 바 분리 트러블슈팅 TypeError: Cannot read properties of null (reading 'value') getElementById().value를 통해 변수를 지정하려 했는데 자바스크립트가 html보다 먼저 로딩되거나 모종의 이유로 정보를 가져올 수 없을 때 나오는 에러. 이번 경우에는 다행히도 id의 오타로 일어난 헤프닝이여서 금방 해결할 수 있었다 TypeError: Cannot set properties of null (setting 'innerText') 네비게이션 바 분리 도중 로드되지 않은 네비게이션 ht..

20221208 TIL

오늘의 한 일 최종 프로젝트 - 프론트엔드 연결(JS), 소셜 로그인 관련 프론트엔드 연결 이전 유화 프로젝트때 했던 자바스크립트 방식으로 각 페이지에 CRUD 설정을 보내고 받아온 json형태의 response를 원하는대로 조리해서 띄우는 것은 동일했다. 이제 요청을 보내고 받은 데이터를 이용하는건 자연스러워졌는데 역시나 html쪽 css의 문제가.. 데코가 제일어려워 소셜 로그인 관련 소셜 로그인 마지막에 받아오는 access_token과 refresh_token을 우리가 사용하는 방식으로 어떻게 로그인에 사용할 수 있을까 고민하다가 강민철 튜터님께 상의를 드렸다. 우리가 지금 사용하고 있는 로그인 형식은 simpleJWT를 이용하는 백엔드 주소에 자바스크립트로 이메일과 비밀번호로 post 요청을 보..

20221207 TIL

오늘의 한 일 최종 프로젝트 - 프론트엔드 연결 프론트엔드 연결 트러블 슈팅 - 병변 탐지 모델 포스트맨으로는 잘 적용되던 병변탐지가 자바스크립트를 통해 html상에서 이미지 파일을 받아서 POST 요청을 보내려고 하니까 처음에는 잘 작동하더니 이후로 잦은 에러가 발생 django.utils.datastructures.multivaluedictkeyerror: 'input_img' 에러 검색해보니 요청을 보낼 때 파일 없이 글만 작성하면 발생한다고 한다. [07/dec/2022 15:45:43,641] - broken pipe from ('127.0.0.1', 9436) 에러 잦은 입출력 호출로 발생한다고 한다. 예를 들어 처리 중인 요청을 사용자가 기다리지 않고, 새로고침이나 종료, 연속 클릭 등으로 ..

20221206 TIL

오늘의 한 일 최종 프로젝트 - yolov5 사물인식 모델 학습 관련 소셜 로그인 YOLOv5 모델 커스텀 트레이닝 1번 로보플로우를 이용하여 수작업 라벨링과 2번 방법에서 고민하던 도중에 아무리 생각해도 이미 라벨 박스 데이터가 있는데 이것을 이용하지 않으면 안될 것 같아 2번 방법을 더욱 고민해보았다. json형태의 라벨을 yolov5에 맞춰 커스텀 하는 방법에 대해 고민중, 상호 튜터님께 질문드려 답을 얻을 수 있었다. 여기서 우리가 원하는 것은 x, y 좌표와 width height를 가로 세로 비율로 나눠서 0~1의 값으로 나열하는 형태의 txt파일로 저장하는것. import glob import json json_list = glob.glob('*.json') for json_file in j..

20221205 TIL

오늘의 한 일 최종 프로젝트 - 로보플로우 라벨링작업, 소셜로그인 공부, 페이지네이션 관련 소셜 로그인 저번 프로젝트때 소셜로그인 파트를 다시 훑어보는데 일단 인증과정을 거쳐서 액세스토큰까지 발급은 성공했던 것으로 보인다. 이걸 어떻게 계정을 데이터베이스에 연동시키느냐와 배포환경에 적용시키느냐가 문제인듯 한데.. 페이지네이션 관련 이런 식으로 1~10까지 번호를 두고 다음 키를 눌렀을 시 11~20까지 나오게 페이지네이션 바를 만들고싶은데 어떻게 해야 하나 구상중.. 로보플로우 관련 도대체 무슨 오류인지도 모르겠다.. 프로젝트 만들기 - just get me started 로 프로젝트 생성시에 라벨링 페이지에서 Annotation Editer가 먹통이 되서 아무것도 못하는 상태가 되버림.. 구글링을 쳐봐..

20221204 WIL

이번 주 한 일 최종 프로젝트 최종 프로젝트 트러블슈팅 roboflow 라벨링 에디트 관련 프론트엔드 html css 관련 소셜 로그인 백엔드 관련 Roboflow 라벨링 에디트 관련 프론트엔드 html css 관련 body - header, content, footer 로 나누었을 시 헤더 상단고정 밑 푸터 하단고정 css 조정 html 템플릿 사이트를 뒤져서도 찾아보고 있는데 실제로 적용시킬때 푸터 부분이 하단고정이 안되고 계속 가운데로 겹치는 문제가 생김 으악! 백엔드 - 소셜 로그인 관련

20221202 TIL

오늘의 한 일 최종 프로젝트 - 머신러닝 모델 백엔드 완성 피부 병변 탐지 머신러닝 모델 추가 inference 앱을 새로 만들어서 진행. inference/models.py from django.db import models from django_base64field.fields import Base64Field class Inference(models.Model): # 추론 모델 (base64 인코딩) output_img = Base64Field(max_length=900000, blank=True, null=True) 함수를 돌려서 최종적으로 나오는 이미지는 base64 포맷으로 인코딩을 거쳐 나오도록 만들었다. 펫딕셔너리 프로젝트때도 그랬는데 글자수 압박이 심하네.. 시리얼라이저는 class Me..

20221201 TIL

오늘의 한 일 최종 프로젝트 - 뼈대 구성, yolov5 모델 학습 구상 최종 프로젝트 frontend : https://github.com/B5-Pets/PetSo_front backend : https://github.com/B5-Pets/PetSo_backend 뼈대와 함께 유저 모델은 기본적으로 프로젝트 할때마다 구상해왔던 이메일을 메인으로 커스텀한 모델로 생성완료 .env파일도 미리 만들어 시크릿키를 숨겨놓았다 사실 오늘까지 S.A를 마무리 짓는 단계인데 벌써 뼈대는 그럴싸하게 만들어진것 같다.. 사물인식 모델 적당히 각 잡아보고 이번엔 소셜로그인쪽 한번 제대로 파보도록 합시다 YOLOv5 모델 학습시키기 일단 한국지능정보사회진흥원이 운영하는 AIhub에서 제공하는 반려동물 피부 질환 이미지 데..

20221130 TIL

오늘의 한 일 최종 프로젝트 - S.A 작성 B5 - 로켓단 프로젝트 명 : 🐶펫소 (PetSo)🐱 주제 반려 동물 케어 서비스 사용자가 입력한 이미지를 이용해 반려동물의 피부 질환을 사물인식 모델을 활용해 탐지 자신의 주소 주변 동물 병원 추천 반려 동물 커뮤니티(본인의 반려동물의 사진이나 글을 업로드하고 댓글도 달릴 수 있게 구현) 서비스 목적 : 반려 동물이 아플 때 주변 동물병원을 쉽게 찾을 수 있게 도와주는 서비스 유저 간의 커뮤니티를 통해서 서로 반려동물을 케어 하면서 발생하는 문제 해결 방법, 반려동물과의 일상 공유 등 반려동물에 목적을 둔 소셜네트워크 서비스. 반려 동물이 나타내는 증상을 이미지로 검색하여 예상 병명을 빠르게 파악할 수 있는 서비스 제공 웹 서비스에 접속한 인원들로 한하여 ..