본문 바로가기

Coding345

Django Rest framework 다른 테이블 Join 시키는 방법 (Django rest framework table join)요즘 Django Rest framework로 API서버를 구축하고 있다.리액트 네이티브로 어플을 제작하는 중이라 해당 어플에서 사용하기 위함인데구축하다보니 몇몇가지 막히는 사항들이 생겼다.그 중 하나가 오늘 포스팅 할 Join 관련 이슈이다.예를 들어 아래와 같은 테이블이 있다고 가정한다. [user]- userkey(Primary key)- username [article]-articleNo(Primary key)- userkey(FK to user)- content 게시판 형태로 뭔가를 구성하고 있는데 article테이블에서 자료를 가져온 후페이지에 랜더링해줘야 한다.user테이블에 username(내 어플에선 닉네임이다)이 존재하므로 굳.. 2018. 2. 6.
Django 외래키(Foreign key) 생성 방법/관련 이슈 장고로 데이터베이스 테이블을 생성하던 중 몇가지 이슈를 발견했다.먼저 테이블 생성을 하려면 models.py 파일에 class로 선언해줘야 한다.(데이터베이스는 MySQL을 사용함) class user(models.Model):userkey = models.CharField(primary_key=True, max_length=20)username = models.CharField(max_length=30) class article(models.Model):articleNo = models.IntegerField(primary_key=True)userkey = models.ForeignKey('user', on_delete=models.CASCADE, db_column='userkey')content = .. 2018. 2. 5.
Python3 requests SSL 오류 해결 방법 Python3 requests 라이브러리를 통해 HTTPS 웹페이지와 통신을 하던 도중 아래와 같은 에러를 만났다. Traceback (most recent call last): File "/usr/local/lib/python3.6/site-packages/urllib3/connectionpool.py", line 595, in urlopen self._prepare_proxy(conn) File "/usr/local/lib/python3.6/site-packages/urllib3/connectionpool.py", line 816, in _prepare_proxy conn.connect() File "/usr/local/lib/python3.6/site-packages/urllib3/connectio.. 2018. 2. 3.
The virtual environment was not created successfully because ensurepip is not available. 오류해결 가상 환경에서 작업을 하기 위해 아래와 같은 명령어로 가상환경을 생성하려했었다. python3 -m venv env 그런데 아래와 같은 오류가 발생했다. ---------------------------------------------------------------------------The virtual environment was not created successfully because ensurepip is notavailable. On Debian/Ubuntu systems, you need to install the python3-venvpackage using the following command. apt-get install python3-venv You may need to use s.. 2018. 2. 2.
HTML5 deatils태그 onToggle 속성 HTML5에 details태그가 추가되었다.간단하게 추가적인 정보를 표시할 때 상당히 유용하게 쓸 수 있을 것 같다.기본적인 틀은 아래와 같다. 제목 추가적인 내용 위와 같이 작성하면 아래와 아래와 같이 맨 왼쪽에 화살표가 추가된 형태로 나온다. 여기서 화살표를 눌러보면 추가적인 내용이라고 쓴 부분이 나온다. 다시 화살표를 누르면 없어진다.여기서 details태그의 속성으로 onToggle 속성을 줄 수 있다. 해당 속성은 화살표가 클릭될 때 마다 발생하는 이벤트를 지정해줄 수 있다. 제목 추가적인 내용 참고로 => 는 ES6부터 지원되는 화살표 함수(Arrow function) 이다. var test = () => {alert("toggle");} 위 함수를 ES5 스타일로 바꿔보면 아래와 같다. fu.. 2018. 1. 31.
React.js Redux로 컴포넌트 여러개 연결하는 방법 React Native로 코드를 작성하던 중 문제에 부딪혔다.기존에는 State를 따로 관리할 필요가 없었지만 컴포넌트들이 많아질수록 구조가 Nested해졌고계속 props로 넘겨주기엔 너무 귀찮았다.그러다가 Redux라는걸 발견했고 사용해보기로 했다.다 좋았는데 문제가 발생했다.connect해준 값을 export해주면 connect해준 컴포넌트에만 State가 전달됐다.나는 모든 컴포넌트에 State를 전달해주고 싶었지만 그렇게 동작하지 않았다.react redux multiple componentsredux connect every components등 수많은 검색어를 입력하고 찾아봤지만 방법을 찾지 못했다.튼 각설하고 구조부터 살펴보자면 다음과 같다. App.js -> LoginRouter.js -.. 2018. 1. 30.

티스토리툴바