Coding Farm

forEach를 이용하여 div 추가 백엔드는 장고 DRF로 제작하고, 저장한 db를 프론트로 가져오는 방법 중 하나! [문제 요약] 1. 복잡한 div를 한번에 가져오기 2. 피드나, 댓글등 반복되는 데이터를 템플릿에 맞게 설정 가능 [풀이 요약] 1. document.getElementsByClassName('FeedBoxCont')[0]; 2. forEach 로 반복문 돌리기 3. innerHTML 로 형식에 맞게 게시글 내용 넣어주기 [코드] # 게시글 조회하는 함수 async function getIndexFeedList(){ const response = await fetch(`${backEndBaseUrl}/articles/`,{ headers: { 'content-type': 'applic..

ImageField를 사용하면서 이미지를 저장을 파일명을 변경해서 저장 추가 사항으로 임의에 파일명으로 바꾸는 방법으로 진행한다. [문제 요약] 1. 파일명이 한글일 경우 읽지 못하는 상황 2. mac os 에서는 읽을 수 있지만 window 환경에서는 읽지 못하는 파일명 [풀이 요약] 1. uuid 를 사용하여 임의에 파일명 생성 2. 파일명을 변환해주는 함수(instance, filename) 생성 3. ImageField 필드의 upload_to 파라미터에 2번에서 만들어준 함수 설정 [코드] 1. models.py import os from uuid import uuid4 def rename_imagefile_to_uuid(instance, filename): # instance : Feed 모델..