코딩일지/WIL: Weekly I Learned 17

20221225 WIL

이번 주 한 일 최종 프로젝트 - 배포 최종 프로젝트 배포 트러블 슈팅 백엔드 ec2 환경 배포중 https 인증서 발급시 도메인 연결 오류(timed out) 보안 그룹의 인바운드 규칙 default 설정이 막혀있어 발생한 오류 0.0.0.0/0 추가로 외부 트래픽을 허용해 해결 참조 : https://yaun.tistory.com/339 20221223 TIL 오늘의 한 일 최종 프로젝트 - 백엔드 배포 및 프론트엔드 연결 그냥 금전지원 내가 받아서 배포할걸 원격으로 구상하려니까 더럽게 힘드네 ㅋㅋ 하루 기다려 보았지만 도메인 주소를 통한 백엔 yaun.tistory.com

221218 WIL

이번주 한 일 최종 프로젝트 최종 프로젝트 - 프론트, 백엔드 s3 환경 프론트엔드 배포 http://petso.tk/ petso.tk petso.tk S3를 이용해 정적호스팅으로 프론트엔드 배포는 완료 freenom에서 무료로 구매한 도메인을 사용하는 중인데 https 설정을 어떻게 인증받아야하는지 모르겠다.. 일단 백엔드 연결부터 하고 고려해야할 사안같음 Troubleshooting 배포에서 문제 굉장히 많이 겪는중..

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..

20221204 WIL

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

20221127 WIL

이번주 한 일 유화 제작 프로젝트 유화 제작 프로젝트 아티클 생성 모달 아티클을 작성해주세요! 스타일 선택 작성하기 다크모드 + footer html 다크모드로 전환 2022 A7 - team Lucky all rights reserved css label { display: inline-flex; align-items: center; gap: 0.5rem; cursor: pointer; } [type="checkbox"] { appearance: none; position: relative; border: max(2px, 0.1em) solid gray; border-radius: 1.25em; width: 2.25em; height: 1.25em; } [type="checkbox"]::before {..

20221113 WIL

이번 주 한일 추천시스템 프로젝트 JavaScript CRUD 기초 도커실무 추천 시스템 프로젝트 https://github.com/A7-Lucky/NWRS_Front GitHub - A7-Lucky/NWRS_Front: NaverWebtoonRecommendSystem(Front) NaverWebtoonRecommendSystem(Front). Contribute to A7-Lucky/NWRS_Front development by creating an account on GitHub. github.com https://github.com/A7-Lucky/NWRS GitHub - A7-Lucky/NWRS: NaverWebtoonRecommendSystem(Backend) NaverWebtoonRecomm..

20221106 WIL

이번주 한 일 추천 시스템 프로젝트 - 백엔드 추천 시스템 프로젝트 https://github.com/A7-Lucky/NWRS GitHub - A7-Lucky/NWRS Contribute to A7-Lucky/NWRS development by creating an account on GitHub. github.com 뼈대 구성 webtoon model - webtoon - genre -bookmark(many to many 모델, user) review model - user (foreignkey) - webtoon (foreignkey) user model 데이터 생성(json) 네이버 웹툰 크롤링과 강의에 쓰였던 ratings.csv(더미) 데이터를 id를 통해 merge시켜 아이템 기반 협업 필터..

20221030 WIL

이번 주 배운것 장고 심화 - 1~5주차 장고 심화 DRF ( django rest framework) 포스트맨 HTTP의 작동 방식과 흐름 시리얼라이저, json 토큰방식 로그인 vs 세션방식 로그인 로컬스토리지 vs 쿠키 JWT(Json Web Token) 미디어파일 / 스태틱파일 더 알아야 할 것 DRF를 통해 백엔드와 프론트엔드를 확실하게 나누고, 자바스크립트를 통해 프론트엔드에서 요청을 보내는 방식은 알겠는데 JS에 대한 지식이 턱없이 부족한것같다.. 일단 수박겉핥기 식으로 js를 통해 데이터를 프론트엔드에 불러오는 방식을 배우긴 했는데.. index.html 프론트엔드 index.js window.onload = async function loadArticles(){ const response..

20221023 WIL

이번주 한 일 YOLOv5 강의 사물인식 프로젝트 - 완성 사물인식 프로젝트 https://github.com/Taeeun99/sparta_PetDictionary_2L3J_project2 이번주 트러블 슈팅 잦은 크롤링 너무 잦은 크롤링으로 서버에 요청을 과도하게 보내면 아이피 차단 등의 문제 발생 가능 해결방안 - 크롤링을 통해 검색한 자료 데이터베이스에 저장 (유효기간을 두고 일정 기간이 지나면 새로 받아오기) 사물인식 모델 적용중 오류 종종 함수를 돌릴때 사진과 같은 에러가 종종 발생해 데이터에 NULL 데이터가 저장되며 최종 그래프 결과에 영향을 줍니다. 해결(임시) class Image(models.Model): # 이미지 파일 업로드 imgfile = models.ImageField(null..