Coding Farm

django 에서 ManyToMany 필드를 사용 할 때 through 를 사용하여 중간 테이블을 지정하여 사용 할 수 있다. Django ManyToManyField에 필드 확장하기 class Products(models.Model): # 상품정보 brand = models.ForeignKey(Brand, on_delete=models.CASCADE) products_name = models.CharField('상품명', max_length=50) original_price = models.IntegerField('정상가') discount_price = models.IntegerField('할인가') discount_rate = models.DecimalField('할인율', max_digits=3,..

HTML, CSS 기본 문법을 정리해보자 HTML 이란? HTML 은 Hyper Text Markup Language 줄임말로 간단하게 말하면 웹 페이지를 만드는 마크업 언어라고 할 수 있다. HyperText는 기본적으로 웹 페이지에서 다른 페이지로 이동할 수 있는 HyperLink를 지원하도록 설계 되었고 이 덕분에 페이지 안에서 클릭만으로 다른 페이지로의 이동이 가능하게 된다. HTML은 특정 기능을 지원하는 태그 문법을 사용한다. HTML 태그는 그 종류의 수가 100개가 넘는데, 그 중에서 통계적으로 가장 많이 쓰이고 유용한 태그들을 하나씩 살펴보면 아래 그림과 같다. 1. HTML Basic Tags (Useful) 웹페이지의 시작과 끝을 나타낸다. 웹 페이지의 정보, 문서에서 사용할 외부 파..

CSS 잘 정리 해보자 이 글의 핵심 요약 1. 본격적인 CSS 작성 시작전에 소개 및 목차 작성하기. 2. 자주쓰는 색상과 폰트 작성해두기. 3. 주석으로 영역 구분을 하고 목차의 제목을 사용한다. 4. @rule을 상단에 둔다. 5. CSS 구체성을 활용한 계층구조 적용 1. 본격적인 CSS 작성 시작전에 소개 및 목차 작성하기 기본정보를 담은 소개를 CSS상단에 작성해보세요. 예를 들면 프로젝트명,버전,수정일,필요한 메모 같은것들이요. 이런 기본 정보들이 있는 CSS는 특히 유지보수할 때, 좀더 쉽고 편하게 접근할 수 있어요. 굉장히 유용합니다. 그 아래에는 목차를 넣어서 이 CSS파일이 포함하고 있는 내용들에 대해서도 간략히 설명해주면 자세히 살펴보기전에 어느부분을 들여다 보면 좋을지 파악이 쉽겠..

파이썬 코딩 컨벤션을 알아보자 Python coding convention 파이썬 코딩 컨벤션은 파이썬을 코딩할 때 사용하는 일종의 올바른 스타일 관례라고 할 수 있다. 세살 버릇 여든간다고 초반에 잘못 잡아 놓은 코딩 버릇은 시간이 지날 수록 바꾸기 어려울 것이다. 현업에 들어가기전 주요 파이썬 코딩컨벤션을 살펴보며 올바른 파이썬 코딩 스타일을 가질 수 있도록 해야겠다. PEP8 PEP8은 파이썬의 코딩 스타일 가이드이다. 여기서 PEP는 파이썬의 개발은 파이썬 개선 제안서(Python Enhancement Proposal)의 줄인 말이다. PEP 프로세스는 새로운 기능을 제안하고 커뮤니티의 의견을 수렴하여 파이썬의 디자인을 결정을 문서화하는 파이썬의 주요 개발 프로세스를 말한다. Style Guide..

Weekly I Learned [WIL] 1. TIL 2. KPT 1. TIL [TIL] #DAY - 055 - (2) 무신사 크롤링? 스크랩핑!(카테고리 정보) 무신사 크롤링? 스크래핑! 2탄 지난시간에 이어서 무신사에서 지정하고있는 카테고리 정보를 출력해보려고한다 카테고리 정보를 가져와서 뭐할까? 라는 생각도 들겠지만 사이트 구조를 자세히 hanmari-code.tistory.com [TIL] #DAY - 056 - (3) 무신사 크롤링? 스크랩핑!(브랜드별 할인율) 무신사 크롤링? 스크래핑! 3탄 이번에는 무신사안에 입점해있는 브랜드별 할인율을 알아보려고한다! 과연 어떤 브랜드들 얼만큼 할인중인지 알아보자! [문제 요약] 1. 무신사 실시간 랭킹을 1~90 hanmari-code.tistory.co..

자바스크립트를 활용해보자 (1) [코드 목록] 1. 조건문 ( if, else if, else ) 2. 날짜 계산하기( 방금전, ~분전, ~시간전, ~일전, ~년전 ) 3. 파이썬 range 기능 구현하기 4. html안에 다른 html 불러오기 5. 텍스트, 파일 입력시 실시간 화면 출력하기 6. 확산 연산자 [코드] 1. 조건문 ( if, else if, else ) // condition1 을 True면 code1 가 실행합니다. if ( condition1 ) { code1 } // condition1 True면 code1 을 실행하고, // False면 code2 를 실행합니다. if ( condition1 ) { code1 } else { code2 } // condition1을 True면 c..

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

무신사 크롤링? 스크래핑! 3탄 이번에는 무신사안에 입점해있는 브랜드별 할인율을 알아보려고한다! 과연 어떤 브랜드들 얼만큼 할인중인지 알아보자! [문제 요약] 1. 무신사 실시간 랭킹을 1~90위까지 출력해보자 [TIL] #DAY - 054 - (1) 무신사 크롤링? 스크랩핑!(실시간 랭킹) 무신사 크롤링? 스크래핑! BeautifulSoup 을 이용하여 무신사 랭킹을 출력해보자! [문제 요약] 1. 무신사 실시간 랭킹을 1~90위까지 출력해보자 # 순위 : (1) ((2)) # 상품번호 : (3) # 브랜드명 : (4) # 상품명 hanmari-code.tistory.com 2. 카테고리 정보 출력해보자 [TIL] #DAY - 055 - (2) 무신사 크롤링? 스크랩핑!(카테고리 정보) 무신사 크롤링?..

무신사 크롤링? 스크래핑! 2탄 지난시간에 이어서 무신사에서 지정하고있는 카테고리 정보를 출력해보려고한다 카테고리 정보를 가져와서 뭐할까? 라는 생각도 들겠지만 사이트 구조를 자세히 들여다보면 이유를 알수있다. [문제 요약] 1. 무신사 실시간 랭킹을 1~90위까지 출력해보자 [TIL] #DAY - 054 - (1) 무신사 크롤링? 스크랩핑!(실시간 랭킹) 무신사 크롤링? 스크래핑! BeautifulSoup 을 이용하여 무신사 랭킹을 출력해보자! [문제 요약] 1. 무신사 실시간 랭킹을 1~90위까지 출력해보자 # 순위 : (1) ((2)) # 상품번호 : (3) # 브랜드명 : (4) # 상품명 hanmari-code.tistory.com 2. 카테고리 정보 출력해보자 - 필요 이유는 아래 링크는 실시..