일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
- 장고
- 파이썬
- java
- Django
- js
- 파이썬 알고리즘
- 백준
- API
- 알고리즘 연습
- react
- Baekjoon
- form
- django rest framework
- HTML
- web
- Git
- 알고리즘 문제
- c++
- Algorithm
- MAC
- es6
- DRF
- django widget
- 알고리즘 풀이
- javascript
- django ORM
- 알고리즘
- AWS
- CSS
- PYTHON
- Today
- Total
목록2020/02 (8)
수학과의 좌충우돌 프로그래밍
django와 react를 통해 프로젝트를 진행중입니다. 아직 react가 낯설다보니 여러 문제를 겪고 있는데 대표적으로 CORS 와 cookie의 문제였습니다. django에서 cors 설정 [Django] CORS, Cross-Origin Resource Sharing CORS 란? 제목에서 알 수 있듯이 CORS 는 Cross-Origin Resource Sharing 의 줄임말입니다. Cross-Origin Resource Sharing 는 한국어로 교차 출처 리소스 공유라고 하며 웹 페이지 상의 제한된 리소스를 최초 자.. ssungkang.tistory.com react에서 withCredentials 설정 [React] axios 의 withCredentials django 와 react 를..
django rest framework 를 사용하여 rest API 서버를 만들다보면 serializer 를 사용하지 않을 수 가 없습니다. 기본적으로 model 에 등록된 필드 값들은 Meta 클래스에 추가줌으로서 다뤄줄 수 있지만 커스텀 필드를 정의하는데 있어서는 새로운 방법이 필요합니다. 이번 포스팅에서는 간단하게 Custom Field 만드는 법에 대해서 알아보도록 하겠습니다. SerializerMethodField SerializerMethodField 를 사용하여 쉽게 커스텀 할 수 있습니다. SerializerMethodField 는 read-only field 로 값을 저장하거나 수정할 때는 사용되지 않고 조회할 때만 사용합니다. 인자로는 method_name 로 해당 필드값에 대해 정의하..
Django-Authentication-Permissions [Django] Authentication 과 Permissions DRF 에서의 접근제한을 알아보도록 하겠습니다. 우선 기본적으로 접근제한을 제외한 기본적인 코드들에 대해서는 설명을 생략하겠습니다. 앞의 포스팅들을 참고해주세요. 현재 까지의 진행 상황은 다음과 같습니다.. ssungkang.tistory.com 저번 포스팅에서 django rest framework 에서의 Authentication과 Permissions 에 대해서 알아보았습니다. 이번 포스팅에서는 APIView에서 Permissions 을 사용해보도록 하겠습니다. Custom Permission 우선 사용할 두 개의 Custom Permission을 만들어보겠습니다. 여러 ..
django 와 react 를 통해 프로젝트를 진행하고 있는데 두 서버를 연결하는데 있어서 몇 가지 문제점이 발생하였습니다. django CORS [Django] CORS, Cross-Origin Resource Sharing CORS 란? 제목에서 알 수 있듯이 CORS 는 Cross-Origin Resource Sharing 의 줄임말입니다. Cross-Origin Resource Sharing 는 한국어로 교차 출처 리소스 공유라고 하며 웹 페이지 상의 제한된 리소스를 최초 자.. ssungkang.tistory.com 첫 번째 문제점은 위의 블로그에 정리한 것처럼 포트 번호가 다른 두 서버간의 발생하는 문제점이었고 django 에서 포트 3000번도 허락해줌으로서 해결하였습니다. 이번 포스팅에서는..
CORS 란? 제목에서 알 수 있듯이 CORS 는 Cross-Origin Resource Sharing 의 줄임말입니다. Cross-Origin Resource Sharing 는 한국어로 교차 출처 리소스 공유라고 하며 웹 페이지 상의 제한된 리소스를 최초 자원이 서비스된 도메인 밖의 다른 도메인으로부터 요청할 수 있게 허용하는 구조입니다. django 같은 경우, 기본적으로 8000 포트를 사용하고 있기 때문에 다른 포트를 사용하는 프론트 서버와 통신을 막고 있습니다. 따라서 CORS 를 설정하지 않은 상태로, 프론트 서버에서 통신을 요청하면 다음과 같은 에러를 확인할 수 있습니다. Access to fetch at 'http://localhost:8000/auth/login' from origin '..
이번 포스팅에서는 MSA 에 대해서 알아보도록 하겠습니다. MSA 는 micro service architecture 의 줄임말로서 하나의 큰 어플리케이션을 여러 개의 작은 어플리케이션으로 나눠 만드는 아키텍쳐 입니다. MSA 가 등장하기 이전에는 하나의 서비스는 하나의 어플리케이션으로 만드는 것이 일반적이었죠. 이를 Monolithic architecture, 모놀리식 아키텍쳐 라고 합니다. MSA 에 대해서 자세히 알아보기 전에 모놀리식 아키텍쳐 에 대해서 알아보고 왜 MSA 가 등장하게 되었는지 알아보도록 하겠습니다. Monolithic Architecture Monolithic 의 뜻을 사전에 검색해보면 단단히 짜여 하나로 되어 있는 라는 의미라는 걸 알 수 있습니다. 말 그대로 하나의 프로젝트에..
SPA 란? SPA 란 Single Page Application의 약자로 말 그래도 해석해보면 페이지가 한 개인 어플리케이션이라는 뜻입니다. 여기서 페이지가 하나라는 의미가 무슨 의미일까요? SPA 가 등장하기 전 웹 어플리케이션은 여러 페이지로 구성하였습니다. 쉽게 말해 로그인 페이지, 회원가입 페이지, 글 작성 페이지 등이 있고 사용자가 새로운 페이지에 대한 요청을 보내면 서버로부터 리소스를 전달받아서 이를 렌더링하는 방식으로 동작하였습니다. 하지만 시간이 지나 웹에서 점점 더 많은 정보를 제공하게 되었을 뿐만 아니라 스마트폰의 보급으로 컴퓨팅 파워가 낮은 모바일 기기를 통한 웹 어플리케이션접속도 빠르게 증가하였습니다. 이는 속도 저하로 귀결되었습니다. 그래서 렌더링 하는 역할을 서버에게 넘기지 않..
2차 과제는 1차 과제에 비해 규모가 좀 있어서 여러 포스팅으로 나누어서 올릴려고 했지만 실패했습니다. 1차 과제 때와 마찬가지로 구현한 방법과 그에 대한 코드 리뷰를 중심으로 포스팅 하도록 하겠습니다. 2차 과제는 Auth 서버였고 필요한 기능은 다음과 같습니다. 가입, 로그인 페이지 유저 관리 페이지 인증 서버 (API) MySQL DB 사용 Password Encryption 캐시 E-Mail 인증 비밀번호 찾기 가입, 로그인 페이지 가입, 로그인 페이지는 html,css,js 를 통해 구현하였습니다. API 서버와의 통신은 fetch 를 통해 진행하였습니다. 항상 API 서버만 개발하고 클라이언트 쪽은 팀원과 협업을 통해 진행하였어서 놓치는 부분이 많았습니다. 특히 request headers 부..