전체 글 268

20221222 TIL

오늘의 한 일 최종 프로젝트 - 백엔드, 프론트엔드 https 적용 프론트엔드 부분은 금전지원을 받은 팀원분께 S3를 사용한 프론트엔트 정적 웹 배포 방식을 함께 다시 진행하면서 https 적용까지 완료. 백엔드 - http 환경 연동은 완료, 이제 백엔드만 진행하면 되는데.. 트러블슈팅 백엔드 부분 HTTPS 적용중에 에러가 무더기로 쏟아져 나온다~~~ 프론트엔드 S3버킷에서 콘텐츠 갱신이 되지 않는 경우 S3버킷과 연결된 CloudFront의 캐시를 삭제해야 컨텐츠의 갱신이 제대로 이루어 진다. CloudFront의 캐시 유지시간이 기본적으로 24시간이기때문에 생기는 문제. 참조: https://ye0ye0.tistory.com/202 [AWS] S3 버킷에서 콘텐츠 갱신이 즉각 안될때 (CloudF..

20221221 TIL

오늘의 한 일 최종프로젝트 - 백엔드 배포 및 프론트엔드와 연결 백엔드 배포 팀원분께서 부트캠프로부터 금전 지원을 받아서 프리티어가 아닌 더 스펙 높은 ec2 환경을 구축해 백엔드 배포에 성공! 바로 프론트엔드와 연결시켜 보았다. frontend / api.js // 전역 변수 // EC2 인스턴스 연결 시 // const backend_base_url = "http://ec2인스턴스ip주소"; // 백엔드 서버 연결 시 const backend_base_url = "13.125.224.113"; const frontend_base_url = "http://petso.tk.s3-website.ap-northeast-2.amazonaws.com"; backend / settings.py # CORS 허용 ..

20221220 TIL

오늘의 한 일 최종 프로젝트 - 배포 관련 EC2 관련 이거 프리티어 EC2환경에서 yolo를 사용하는 웹을 배포할 수 있는게 맞긴 한건가..? 메모리 문제도 참조해보고 torch관련, 텐서플로 관련 등등 문제들을 다 구글링해서 시도해보아도 제대로 작동이 안됨.. 참조: https://hyunhonoh.github.io/linux/pip_install_torch_killed/ 사양 낮은 서버에 torch 설치 시 자동 killed 될 때 설치 - data life!! - 이번달에 리뷰를 위해 받은 도서의 뒷부분에 pororo라는 NLP 관련 모듈이 소개 되어 있습니다. NLP 에 대한 것이라 테스트 하려고 기존에 설치해서 사용중인 오라클 클라우드에 설치를 하려는데 사 hyunhonoh.github.io ..

20221219 TIL

오늘의 한 일 최종 프로젝트 - EC2, S3 환경 배포 트러블슈팅 Docker compose를 이용해 이미지를 빌드하던 도중에 작업이 넘어가지 않는 문제 발생 참조 : https://stackoverflow.com/questions/63171780/building-python-wheel-via-docker-compose-on-aws-ec2-gets-stuck Building python wheel via docker-compose on AWS EC2 gets stuck I have a docker container that builds fine on my laptop (iOS) and my PC (Ubuntu 20.4). I am trying to build it on AWS EC2 instance(U..

221218 WIL

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

20221216 TIL

오늘의 한 일 최종 프로젝트 - 페이지네이션바, 유저 프로필, 마이프로필 - 북마크 모아보기, 펫 프로필 페이지네이션 바 참조 : https://min-kyung.tistory.com/30 [Javascript] 페이지네이션 구현하기 To do list 페이지네이션 구현 json-server를 활용해서 페이지네이션 구현하겠습니다 json-server: https://github.com/typicode/json-server 페이지네이션을 구현하기 위한 설정값은 총 4개가 필요합니다 currentPage: min-kyung.tistory.com main.js window.onload = async function loadArticleList() { viewset = await getArticleswithPa..

20221215 TIL

오늘의 한 일 최종 프로젝트 - 중간발표 중간 발표 시연 영상 - https://www.youtube.com/watch?v=MLs9ZU12dwo 만들고 보니까 비는 파트들이 많네; 빠릿하게 펫프로필페이지랑 북마크 페이지 만들고 다른 팀원들 개선점 합쳐서 배포쪽 들어가보면 될듯싶다 인상깊게 본 팀 - 배포완료, 글쓰기 창 구현에 텍스트 에디터 사용 와 벌써 배포까지 완료한 팀도 있네 ㄷㄷ; aws 크레딧 신청이 계속 반려되서 실습에 부담이 있어 진행이 더뎠다고 생각되는데 반성하게됩니다.. 참조 : https://ckeditor.com/ WYSIWYG HTML Editor with Collaborative Rich Text Editing Rock-solid, Free WYSIWYG Editor with Co..

20221214 TIL

오늘의 한 일 최종 프로젝트 - 중간발표 준비, aws 배포 공부 중간발표 준비 css작업 이후에 작동되지 않는 자바스크립트 부분들 다시 수정 부트캠프 들어오고 처음 배울때부터 생각했던거지만 대부분의 오류는 오탈자라고 보면 되는것같다 ㅋㅋ 메인 페이지 준비되는대로 시연영상 촬영 예정 AWS 배포 백엔드부분 ec2 - docker-compose 이용해 nginx - gunicorn - postgresql 연동해 도메인 연결 및 https 적용 프론트엔드 부분 s3 - 클라우드 컨트롤 이용해 https 적용, 라우터 53 사용해 도메인 연결 백엔드 settings.py cors 설정에 프론트엔드, 백엔드 도메인 추가 프론트엔드 api.js - const back_end_url, front_end_url 로컬..

20221213 TIL

오늘의 한 일 최종 프로젝트 - ec2 배포 공부 nginx - gunicorn - postgresql AWS 크레딧 배포 관련 참조 : 도커 실무 강의, AWS 강의 백엔드 부분을 docker-compose를 활용해 nginx, gunicorn, postgresql을 백엔드 프로젝트에 연동시켜서 돌리는건 이해가 가는데 결국 우리 프로젝트를 실제로 ec2환경에 올려서 작동시켜야하는데 프론트엔드를 어떻게 연동시키는건지 잘 감이 안잡힌다.. S3에 올려서 도메인과 연동시키면 되는건가? 이러면 cors 설정은 어떻게 적용시켜야 하는거지? 복습하면서 본 이 구조대로면 원래 nginx쪽에 프론트엔드 파일이 들어가는게 맞지않나 하는데 뭔가 감이 전혀 안잡힌다.. 참조 : https://docs.aws.amazon...

20221212 TIL

오늘의 한 일 최종 프로젝트 - 도커 공부, 페이지네이션(백엔드, 프론트엔드), search, aws포인트 신청 Docker 저번 프로젝트때도 팀원분들이 ec2환경에서 프로젝트를 배포하려고 시도했다가 잘 안됐다는 얘기를 들었는데, yolo나 스타일변환같은 머신러닝 모델을 돌리면서 필요한 Pytorch라던가 tensorflow 등을 돌리려면 도커 이미지 파일을 더 신경써서 써야 하는것 같다. 도커 허브에서 yolov5를 검색해보니 이미지 결과가 나오긴 하는데 얘를 가져다 쓰면 되려나? 일단 aws 포인트 신청부터 확정이 나면 실험해보겠는데.. AWS 크레딧 신청 없는 말주변에 최대한 불려가면서 설명 쓰는중.. 왜 안되는건데 흑흑 Pagination 백엔드부분과 프론트 일부분도 이전 유화 프로젝트때 써보았으..