Genius Project

Jaewon Kwon

#Technology#Engineering

[React]Nested Components와 Props

Edit [React]Nested Components와 Props 이전 포스트에서 React component를 만드는 방법을 알아보았다. 이번 글에서는 component를 nested(중첩) 시키는 방법과 자식 React component에 데이터를 전달하는 방법에 대해 알아보자. 이전부터 쭉 말해왔지만 React의 가장 큰 장점은 state를 관리하는 것...

[Django]Django의 Inspectdb을 이용해 외부 DB에 대해 ORM를 써보자!

Edit [Django]Django의 Inspectdb을 이용해 외부 DB에 대해 ORM를 써보자! Django를 하다보면 외부 DB의 정보를 가져와서 사용해야할 경우가 있는데 sql문으로 외부 DB를 가져오기에는 장고의 ORM기능이 너무 아까울때가 있다. Django에서는 다행히도 외부 DB에 대해 inspectdb라는 기능을 제공하고 있다. inspect...

[React]React의 Component에 대하여

Edit [React]React의 Component에 대하여 React에서 가장 중요한게 무엇이냐 묻는다면 당연히 Component 일 것이다. React의 Component는 Angular의 Directive와 매우 유사하다. 이 Component는 하나의 모듈인데 HTML, CSS, JS 및 해당 관련된 데이터로 구성되어 있다. 보통 React에서는 C...

[React]webpack 설정하기

Edit [React]webpack 설정하기 최근에 뜨고 있는 Webpack은 프론트의 테스트크를 자동으로 수행해주는 아주 고마운 녀석이다. 기존의 Gulp, Grunt가 가지지 못한 여러 장점들이 많아 프론트 개발자들이 많이 쓰고 있지만, 명성에 비해 쓰레기같은 공식 문서를 가지고 있다.(프론트 개발자들은 공감할 것.) 이번 글에서는 Webpack의 알짜...

[Django]Iamport 연동하기 - 4

Edit [Django]Iamport 연동하기 - 4 이번에는 template인 html를 작성해보자. 여기서 IMP.init() 값은 아엠포트 관리자 페이지에서 가맹점 코드를 넣어주면 된다. {% load staticfiles %}html lang="ko">head> meta charset="UTF-8"> title>디제이비버title> ...

[Django]Iamport 연동하기 - 3

Edit [Django]Iamport 연동하기 - 3 이전까진 결제에 대한 model 부분이였다면 이번에는 장고의 view를 다루어 볼 것이다. billing의 view를 작성해보자. python 3.6 , django 1.10 # biliing/views.pyfrom django.shortcuts import renderfrom django.http ...

[Django]Iamport 연동하기 - 1

Edit [Django]Iamport 연동하기 - 1 오늘은 결제모듈계의 혁신 아엠포트에 대해 다뤄보도록 하자. 결제모듈을 처음부터 개발해본 개발자라면 ‘결’자만 들어도 부들부들하는데, 아엠포트는 진짜 이러한 개발자의 니즈를 정확히 비집고 들어와 서비스 하고 있다. 특히, 우리나라 대표 밴더사들(이x시스, 다x 등등) python 모듈을 절대 안...

[Django]Iamport 연동하기 - 2

Edit [Django]Iamport 연동하기 - 2 기본적으로 결제 모델을 만들 때 가장 중요한 것인 order_id와 transaction_id이다. order_id는 서버 내에서 자동으로 생성하는 주문 번호이고 transaction_id는 아임포트에서 생성해주는 고유 번호이다. 서버에서 결제가 정상적으로 이루어졌는지 확인하기 위해서 transactio...

[Django]Grunt + LiveReload를 이용한 자동 테스크 환경 구축

Edit [Django]Grunt + LiveReload를 이용한 자동 테스크 환경 구축 Grunt를 이용하면 프론트 단계에서 필요한 다양한 테스크들을 자동화 시킬 수 있다. Grunt 중에서 grunt-contrib-connect와 watch를 결합하면 css나 js 파일들의 변경 사항이 있을 경우, 화면을 자동으로 refresh 해준다. 하지만 grun...

[Django]Custom Command Line

Edit [Django]Custom Command Line Django를 다루면 가장 익숙한 파일이 manage.py 일 것이다. manage.py에는 runserver, makemigrations, migrate 등 다양한 명령어들이 있는데 이러한 Command를 자신 입맛에 맞춰 만들 수 있다. Custom Command Line을 만들기 위해서는 다...