전체 글
TIL | 11.28.월 [DRF / Deep Learning / JS]
(B2 | 5_team_project) - 트러블 슈팅 1. 댓글 수정 문제 문제 백엔드에서 정상 동작을 Postman으로 확인 하였으나 프론트에서 동작을 못함 원인: 생성된 댓글의 id값을 프론트에서 불러오지 못해 수정 기능이 동작을 못함 해결 detail페이지에서 get 로드 할 때 onclick="location.href='edit_comment.html?comment_id=${element.id}'" commenteidtbtn.onclick = function() { localStorage.setItem("comment_id",element.id) window.location.href = "edit_comment.html" } let getLink = window.location.search; l..
WIL | 11.27.일 [11.21.월 - 11.25.금]
- Weekly I Learned 1. Facts : 내가 배운 것 / 내가 한 일 DRF (Backend) JS (Frontend) 2. Feelings : 내가 느꼈던 감정 / 주관적 느낌 - DRF (Backend) 시리얼라이즈의 활용도가 매우 높음 - JS (Frontend) method를 이용해 어떤 정보를 받아오고 보내줄건지, 그 데이터를 어떻게 저장, 활용할건지 연습해야됨 3. Finding : 내가 발견한 것 / 얻은 것 - DRF (Backend) 시리얼라이즈를 method마다 나눠줄 필요 없음 하나의 시리얼라이즈를 정의하고 각각의 함수로 다르게 사용할 수 있음 - JS (Frontend) 미디어 파일을 받아오는 혹은 저장, 보내주는 코드를 조금 더 이해하게 됨 4. Future : 미래..
TIL | 11.25.금 [DRF ↔️ JS CRUD ]
- Django Rest Framework Front JS CRUD [payload에서 정보 가져오기 - 배열] // user와 같은 id값을 가진 게시글만 가져올 수 있게 걸러주는 함수 var my_articles = new Array response_json.forEach(element => { if (element.article_user == userId){ my_articles.push(element) } }) 👉 해당 url에서 받아오는 payload를 확인하고 그 중 내가 필요한 정보를 my_articles에 저장
TIL | 11.24.목 [DRF ↔️ JS CRUD ]
- Django Rest Framework Front JS CRUD [좋아요 .js] 좋아요에 따라 바뀌는 아이콘과, 좋아요 받은 수 표기 async function load_like_page(){ const payload = localStorage.getItem('payload') const personObj = JSON.parse(payload) const userId = personObj['user_id'] const response = await fetch (`http://127.0.0.1:8000/articles/${userId}/likepage/`,{ headers : { 'Authorization' : 'Bearer ' + localStorage.getItem('access'), 'conte..
TIL | 11.23.수 [DRF ↔️ JS CRUD]
- Django Rest Framework Front JS CRUD [사진 업로드 .js] // 프로필 사진 업로드 및 수정 하기 async function userProfileUpload(){ const img = document.querySelector('#file') const formdata = new FormData() // formdata로 profile_img 경로안에 변경된 사진 저장해줘 formdata.append('profile_img',img.files[0]) const response = await fetch(`http://127.0.0.1:8000/users/${userId}/profile/`, { headers: { 'Authorization': 'Bearer '+ localSt..
TIL | 11.21.월 [Deep Learning]
- Deep Learning [#1. 내가 가져온 이미지 편집] import cv2 img = cv2.imread('01.jpg') print(img) print(img.shape) # 사각형 cv2.rectangle(img, pt1=(259, 89), pt2=(380, 348), color=(255, 0, 0), thickness=2) # 원 cv2.circle(img, center=(320, 220), radius=100, color=(255, 255, 0), thickness=2) # cropped_img 이미지로 저장 후 띄워주기 / cropped_img좌표 순서는 Y->X순 cropped_img = img[89:348, 259:380] # img_resized : 이미지 크기 조정 img_res..
WIL | 11.20.일 [11.14.월 - 11.18.금]
- Weekly I Learned 1. Facts : 내가 배운 것 / 내가 한 일 DRF ORM Foreign key Docker 2. Feelings : 내가 느꼈던 감정 / 주관적 느낌 - DRF ORM 기존의 배웠던 DRM을 조금 더 자세하게 들여다 볼 수 있다. - Foreign key 어떻게 활용하냐에 따라 조금 더 고급진 코딩을 할 수 있을거 같다. - Docker 아직까진 많이 이해하진 못했지만 하나의 이미지로 여러 컨테이너를 만들 수 있어 프로그램 배포시 아주 유용할거같다. 3. Finding : 내가 발견한 것 / 얻은 것 - DRF ORM 쿼리문의 사용성을 알게됨 - Foreign key 외래키로 변수명 또한 깔끔하게 불러올 수 있다. - Docker 아직 어렵지만 큰 용량에 버거울 ..
TIL | 11.18.금 [Docker]
도커(Docker) 도커는 Immutable Infrastructure Paradigm이라는 개념을 기반으로 하기 때문에, 서비스 환경(서비스 인프라)부분을 이미지화(실행파일화)하여 배포한 뒤 가급적 변경하지 않고 사용합니다. Docker Image (이미지) 도커에서 서비스 운영에 필요한 서버 프로그램, 소스코드 및 라이브러리, 컴파일된 실행 파일을 묶는 형태를 Docker Image라한다. 다시 말해, 특정 프로세스를 실행하기 위한(즉, 컨테이너 생성(실행)에 필요한) 모든 파일과 설정값(환경)을 지닌 것으로, 더 이상의 의존성 파일을 컴파일하거나 이것저것 설치할 필요 없는 상태의 파일을 의미한다. 예를 들어 Ubuntu이미지는 Ubuntu를 실행하기 위한 모든 파일을 가지고 있으며, Oracle 이..