코딩일지 218

20221125 TIL

오늘의 한 일 유화 제작 프로젝트 유화 제작 프로젝트 ?? 머임 왜 이미지필드 json형태로 받아와짐?? 경로로 잘 받아와져서 잘 띄워지나본데 Image 모델 만들고 Style 모델도 만들고 한게 헛짓거리였네요.. 스타일은 남겨서 아티클에 집어넣어도 괜찮겠지만 다크모드 변환 See the Pen darkmode by 야언 (@didjsrne) on CodePen. 간단하게 토글 스위치 형식으로 body의 클래스를 적용시켜 백그라운드 컬러와 폰트 컬러를 검회색 - 흰색으로 변환시켜 보았다 간편하고 괜찮은듯? 아티클 작성 모달 예시 See the Pen create_article by 야언 (@didjsrne) on CodePen. 각 radio에 style값을 value로 지정, 자바스크립트로 온클릭 이벤..

20221124 TIL

오늘의 한 일 유화 제작 프로젝트 유화 제작 프로젝트 아티클 디테일 페이지 띄우기 - 새 페이지 vs 모달 새 페이지의 경우 api.js // 아티클 디테일 페이지 연결 // function ArticleDetail(article_id) { const url = `${frontend_base_url}/Article_detail.html?id=${article_id}`; location.href = url; } 이렇게 하고 main페이지에서 생성되는 카드에 onclick = ArticleDetail(this.id) 속성을 부여하면 디테일 칸으로 넘어가고 article_detail.js // 디테일 페이지 보여주기 // const urlParams = new URLSearchParams(window.loca..

20221123 TIL

오늘의 한 일 유화 제작 프로젝트 - 백엔드 딥러닝 완성, 프론트엔드 고민중 유화 제작 프로젝트 post에 title, content, input(이미지파일), style을 담아서 보내면 이미지 생성과 함께 article 게시까지 확인완료 이제 이걸 프론트엔드에서 어떻게 구현하느냐 하는건데.. frontend - post_article.js(가제) // 게시글 작성(await fetch) // async function post_article() { const title = document.getElementById("title").value const content = document.getElementById("content").value const style = document.getElementB..

20221122 TIL

오늘의 한 일 유화 제작 프로젝트 발제, 시작 프로젝트 뼈대, 추론 모델 적용 유화 제작 프로젝트 A7-Lucky🍀 油畵(유화) 사용자의 이미지를 유화로 만들어 티셔츠, 휴대폰 케이스 등 사물을 커스텀 할 수 있도록 도와주는 서비스 S.A - https://www.notion.so/A7-Lucky-07b15bbf5fed4c05a7d3528ec6165a06 A7-Lucky🍀 油畵(유화) 발제 내용 : [221122] 내배캠 AI 3회차 - 유화제작 프로젝트 발제 (notion.site) www.notion.so 프로젝트 뼈대, 추론 모델 적용 추론 모델 적용 articles/utils.py from datetime import datetime import cv2 import numpy as np def i..

20221121 TIL

오늘의 한 일 프로젝트 대비 drf 프로젝트 만들어보기(백엔드 / 프론트엔드) 프론트엔드에서 db에 저장된 이미지 가져오기 대충 구상해본 index화면 - created_at 순으로 만들어진 유화 정렬 카드 형태의 부트스트랩 div 안에 temp_html 지정해서 자바스크립트 돌리면 될듯 {title} {content} 뭐 이런 형식으로? 이미지 게시 박스창도 심플하게 구상만 해놨는데 모달창으로 만들면 괜찮을듯 db에 저장된 이미지 파일 프론트엔드에서 받아서 띄워주기 참조 : https://www.inflearn.com/questions/307133 image 전송과 함께 데이터는 json으로 보내고 싶은 경우 - 인프런 | 질문 & 답변 restAPI에서 image 와 함께 데이터를 같이 보낼때, 보내..

20221118 TIL

오늘의 한 일 docker로 배포하기 타임어택 테스트 웹개발 강의 복습 docker 배포 타임어택 https://yaun.tistory.com/307 20221118 타임어택 1번 django의 runserver 명령어를 사용해 배포 엔트리포인트 명령어에 runserver 2번 postgresql을 연동한 후 배포 3번 nginx를 연동한 후 배포 4번 gunicorn을 사용하여 배포 ModuleNotFoundError: No module named 'drf_proje yaun.tistory.com 집컴 환경이 아니라 EC2 환경에서 진행을 해서 그런가 각각 배포를 했을때, 해당 ip로 들어가도 메인페이지 창이 뜨지는 않는 문제가 있었다.. 내가 문제라고 생각하던 시작 index페이지 연동문제같은데 일단..

20221118 타임어택

1번 django의 runserver 명령어를 사용해 배포 엔트리포인트 명령어에 runserver 2번 postgresql을 연동한 후 배포 3번 nginx를 연동한 후 배포 4번 gunicorn을 사용하여 배포 ModuleNotFoundError: No module named 'drf_project' 에러 발생.. drf_project가 어디서 나오는 문제인거지;; 이미지, 볼륨 다 지우고 새로 빌드해도 똑같은 오류가 난다.. drf_project는 배포 실습중에 사용했던 이름인데 뭔가 데이터가 남아버린듯? **** 해결 docker-compose.yml 상에서 backend 부분 entrypoint의 wsgi 경로를 수정하지 않아서 그랬습니다 제대로 돌아가고 admin 페이지 들어가지는지까지 확인 완료!

20221117 TIL

오늘의 한 일 docker 아침 테스트 딥러닝 심화 강의 docker 아침 테스트 정답만 보면 간단한 문제였는데 도커 이미지 빌드가 생소하다보니 처음엔 Dockerfile, docker-compose.yml 파일 수정해서 compose up 명령어로 만들었더니 무한 리스타팅 에러로 한창 고생하고 run으로 실행했을때도 -it 명령어를 안쳐서 뭔가 들어가지질 않아서 이래저래 고생이 많았다.. * 참조 - docker 명령어 https://captcha.tistory.com/49 Docker 명령어 정리 Docker 사용법 CentOSDocker는 OS의 자원을 사용하기 때문에 기본적으로 Root 사용자에서 명령어를 사용해야한다 1. search (image 검색)# docker search centos- ..