profile
촙촙 개발자의 TIL 기록 블로그입니다. 모든 내용 정확하지 않을 수 있어요. 문제가 있는 글엔 댓글주세요~!
태그 목록
전체보기 (85)Backend(18)JavaScript(18)React(17)python(16)django(12)nodejs(9)git(6)프로젝트1차(6)typescript(6)github(5)express(5)graphql(4)Crawling(4)클론코딩(4)CSS(3)vscode(3)npm(3)JWT(3)scss(3)CRA(2)http(2)ESLint(2)webpack(2)Module(2)package.json(2)Prettier(2)beautifulsoup(2)Database(2)bcrypt(2)nextjs(2)authorization(2)TIL(2)authentication(2)gatsby(2)인증인가(2)노마드코더(2)예외처리(2)react.js(1)tree(1)typeError(1)&&(1)클로저(1)setState(1)is not a function(1)html(1)v8(1)front end(1)ORM(1)async(1)비동기(1)가상환경(1)vue.js(1)error(1)SSR(1)hook(1)code 명령어(1)destructuring(1)transform(1)transition(1)blog(1)yarn(1)prefetch_related(1)set(1)import(1)package(1)sys.modules(1)sys.path(1)install(1)data structure(1)rebase(1)callback(1)fs(1)static file folder(1)express-handlebars(1)크로스브라우징(1)소수점(1)templete engine(1)Synchronous & Asynchronous(1)null(1)undefined(1)Virtual Environment(1)conda 명령어(1)function parameters(1)try except(1)core module(1)POST method(1)built-in modules(1)asterisk(1)unpacking(1)Cross Browser Testing(1)AqueryTool(1)역참조(1)related_name(1)정참조(1)package list(1)not defined(1)reference error(1)github blog deploy(1)github reset(1)grapyql(1)surge(1)암호화(1)pip(1)Token(1)ref(1)interface(1)async await(1)Absolute Path(1)Relative Path(1)miniconda(1)document.js(1)HTTPie(1)git remote(1)Request(1)Response(1)selenium(1)icon(1)coding convention(1)spa(1)웹 크롤링(1)nodemon(1)erd(1)node sass(1)tofixed(1)beautifulsoup4(1)데이터구조(1)parseFloat(1)Sync(1)queryset(1)gitignore(1)code convetion(1)try catch(1)비동기함수(1)input auto focus(1)gh-pages(1)getInitialProps(1)models(1)salting(1)flow(1)create repository(1)resetcss(1)version control system(1)CSS pre-processor(1)라우트(1)animation(1)git merge(1)squash(1)Route(1)fontawesome(1)소스코드빌드(1)git stash(1)리액트기본세팅(1)key stretching(1)input outline(1)selectrelated(1)VCS(1)로그인(1)promise(1)create react app(1)tutorial(1)decorator(1)js(1)frontend(1)MacOS(1)context(1)Sass(1)styled components(1)cors(1)
post-thumbnail

backend django pip 패키지목록 만들고, 설치

pip 는 파이썬 패키지매니저로 말그래도 패키지, 모듈 등 관리해주는 관리 도구이다.pip를 통해 설치된 모듈과 버전을 볼 수 있다.가상환경에서 설치했다면, 해당 가상환경에 설치된 모듈 목록이 보여진다.보통 협업을 하게 되면, 모듈은 각자의 pc에 저장되어 관리하며 코

2020년 4월 16일
·
0개의 댓글

backend django 정참조 데이터 가져오기

Foreign Key를 갖는 테이블, 바라보는 테이블의 데이터를 가져올 수 있다.

2020년 4월 16일
·
0개의 댓글

backend django 역참조 데이터 가져오기

데이터베이스 테이블에서 Foreign Key(이하 FK)가 없고 다른테이블의 FK로 지정된 테이블일때, 나를 참조하는(나를 FK로 지정한) 테이블에 접근하는 것<현재테이블>.<FK인 user컬럼>.<역참조관계명>.all()UserProfile에서 내가

2020년 4월 16일
·
0개의 댓글
post-thumbnail

backend django JWT 발행하기

이번 포스팅은 백엔드에서 어떻게 JWT를 발행하고 확인하는지 알아보겠다. JWT를 알아보기 앞서 인증 & 인가에 대한 내용을 선행 하도록 하자! JWT(json web token)는 회원 로그인이 완료 되었을때 발행되는 토큰을 말한다. JWT에는 암호화 된 회원정보가

2020년 4월 14일
·
0개의 댓글
post-thumbnail

backend bcrypt 비밀번호 암호화 구현

회원가입시 프론트에서 전달받은 유저정보 중 비밀번호는 DB에 저장하기 전 암호화를 해주어야 한다. 어떤 과정을 거처 암호화가 되는지 알아보자. bcrypt는 비밀번호 암호화에 사용되는 알고리즘을 제공하는 라이브러리다. 알고리즘은 직접 구현해도 되지만, 예민한 주제이니

2020년 4월 14일
·
0개의 댓글

backend django QuerySet, select_related, prefetch_related

객체관계매핑(Object-Relational Mapping : ORM) 데이터베이스와 객체 지향 프로그래밍 언어 간의 호환되지 않는 데이터를 변환하는 프로그래밍 기법. '가상' 객체 데이터 베이스 구축 출처 : wiki단순하게 말해, 나는 python django에서

2020년 4월 14일
·
0개의 댓글
post-thumbnail

backend django #5 models FK, ManytoManyField , Meta

장고프로젝트에서 models.py는 DB를 작성하는 파일이다. 장고에서 지원하는 models모듈을 불러 사용하며, Model클래스로 인스턴스를 생성한다.테이블은 클래스로 생성하며 models.Model을 상속받아 생성한다.변수는 컬렴명이 되고, models.\~~fie

2020년 4월 9일
·
0개의 댓글
post-thumbnail

backend django #6 DB 구조 변경

DB 모델링 이후 마이그레이션 & 마이그레이트를 해주었고, 데이터입력까지 진행되고 있는 상태에서 DB 모델 구조를 변경하였다. 추가된 컬럼은 null 값을 갖을 수 없는데 이미 입력된 데이터는 존재하는 상태일때 마이그레이션을 진행하면 아래와 같은 문구가 출력된다.위에서

2020년 4월 9일
·
0개의 댓글

backend django #4 Account app API구현하기

회원가입로그인JWT 발급아이디/비밀번호의 유효성확인도 하고 싶은데 아직 ...핳, 기본적인 기능만 구현했다.POST로 요청을 받는다req.body에 위치한 정보를 json.loads()를 통해 읽어 변수에 담았다.DB User 테이블에서 입력받은 user_name이 있

2020년 4월 9일
·
0개의 댓글
post-thumbnail

AqueryTool(ERD)을 활용한 Database 모델링

ERD : 개체-관계-다이어그램"구조"화된 데이터를 저장하기 위해 데이터베이스를 쓴다. 이 데이터의 "구조" 및 그에 수반한 제약 조건들은 다양한 기법에 의해 설계될 수 있다. 그 기법 중 하나가 개체-관계 모델링(Entity-Relationship Modelling)

2020년 4월 8일
·
0개의 댓글

backend django tutorial #3 모델만들기

지금까지의 과정 가상환경생성 conda create -n python=3.8 가상환경 활성화 conda activate 프로젝트 폴더로 이동 & 장고 설치 cd .. pip install django 프로젝트 디렉토리에 장고 프로젝트 설치 django-admi

2020년 4월 7일
·
0개의 댓글
post-thumbnail

터미널에서 폴더구조 보기좋게하자 TREE 설치

요즘 백앤드와 장고를 공부하고 있는데, 터미널을 사용하면서 폴더구조가 눈에 안들어와 너무나 힘들었던 찰나. 한줄기 빛같은 프로그램..? 음.. 아무튼 빛과 같은 존재가 있었으니. 바로 Tree 명령어 이다.위 사진과 같이 폴더 구조를 한눈에 볼수 있게 되었다. 이전까지

2020년 4월 7일
·
0개의 댓글
post-thumbnail

backend django tutorial #2 설문조사 앱 만들기

django 튜토리얼의 내용을 따라하며 정리한 글입니다. 아래글은 오류가 있을수 있습니다. 더 정확하고 자세한 공홈을 확인하세요.앱 : 단순 기능, 소규모 웹 애플리케이션프로젝트 : 특정 웹사이트에 대한 구성, 앱의 모음python manage.py startapp &

2020년 4월 6일
·
0개의 댓글
post-thumbnail

backend django tutorial #1 프로젝트 세팅

Django django 공홈 튜토리얼 따라 진행하기 1. 가상환경 프로젝트 생성 conda create -n tutorial-01 python=3.7 중간에 proceed y or n? 물어보면 y로 답하고 계속 진행 1) 가상환경 삭제 conda env rem

2020년 4월 6일
·
0개의 댓글

Backend conda 명령어

가상환경명은 프로젝트 명으로 통일하는 것으로 권장conda env listconda create -n "가상환경이름" python=3.7conda activate "가상환경이름"conda deactivateconda env remove -n "가상환경이름"conda e

2020년 4월 2일
·
0개의 댓글
post-thumbnail

backend : 파이썬 가상환경 설치 (miniconda)

파이썬 가상환경(Virtual Environment)을 사용하는 이유 ?여러 프로젝트를 진행할 때 분리된 버전 및 패키지 설치 환경을 갖기위해A프로젝트 : 파이썬 2. 버전 사용B프로젝트 : 파이썬 3. 버전 사용파이썬의 대표적인 가상환경 프로그램은 conda와 vir

2020년 4월 2일
·
0개의 댓글

nodejs #5 express 사용하기

nodejs 프레임워크이다. 이전포스팅에서 진행한 http, fs 같은 기능을 통합하여 여러줄의 코드를 단 몇줄의 코드로 간편하게 사용할 수 있게 도와준다. 아직은 생소하고 써본적이 없어 모르겠지만 익숙해져보자아~express 공식사이트 : 한국어npm install

2020년 3월 30일
·
0개의 댓글

nodejs #3 fs(file system)모듈

file system = fs 모듈 지난 포스팅에서는 요청이 들어왔을때 응답을 보내는 방법에 대해 알아봤다. 간단한 문구를 출력하도록 하였었는데 이제 html파일을 보내보도록 하겠다. fs는 아래와 같은 처리를 할 수 있다. w3schools Nodejs 읽기 파

2020년 3월 30일
·
0개의 댓글