본문 바로가기

⭐ Personal_Study/Vue23

drf-spectacular drf-spectacular swagger ✔ 스웨거(swagger)는 개발자가 REST 웹 서비스를 설계, 빌드, 문서화, 소비하는 일을 도와주는 오픈 소스 소프트웨어 프레임워크 ✔ 즉, API를 설계하고 문서화 하는데 도움을 주는 라이브러리 다양한 DRF API ✔ 스웨거(swagger)를 생성할 수 있도록 도움을 주는 라이브러리 -> drf-spectacular drf-spectacular ✔ Open API 3.0을 지원하는 DRF API OpenAPI 생성기 설치 및 등록 $ pip install drf-spectacular $ pip freeze > requirements.txt # my_api/settings.py INSTALLED_APPS = [ 'drf_spectacular' ] 기본 설.. 2022. 11. 24.

DRF Auth with Vue DRF Auth with Vue vue server 요청 정상 작동 여부 확인 ✔ 401 status code ✔ 인증되지 않은 사용자이므로 조회 요청이 불가능! SignUp Request SignUp Page views/SignUpView.vue // views/SignUpView.vue Sign Up Page username : password : password confirmation : ✔ Server에서 정의한 field명 확인 username password1 password2 router/index.js // router/index.js import SignUpView from '@/views/SignUpView' Vue.use(VueRouter) const routes = [ ... { p.. 2022. 11. 23.

DFR Auth System DFR Auth System Authentication & Authorization Authentication - 인증, 입증 ✔ 자신이라고 주장하는 사용자가 누구인지 확인하는 행위 ✔ 모든 보안 프로세스의 첫 번째 단계 ✔ 즉, 내가 누구인지 확인하는 과정 ✔ 401 Unauthorized Authorizaion - 권한 부여, 허가 ✔ 사용자에게 특정 리소스 또는 기능에 대한 엑세스 권한을 부여하는 과정(절차) ✔ 보안 환경에서 구너한 부여는 항상 인증이 먼저 필요함 사용자는 조직에 대한 엑세스 권한을 부여 받기 전에 먼저 자신의 ID가 진짜인지 먼저 확인해야 한다. ✔ 서류의 등급, 웹 페이지에서 글을 조회/삭제/수정 할 수 있는 방법, 제한구역(admin) 등등 인증이 되었어도 모든 권한을 부여 .. 2022. 11. 22.

Vue with DRF Vue with DRF Article Read 응답 받은 데이터 구조 확인 ✔ dataArray에 각 게시글 객체 ✔ 각 게시글 객체는 id, title, content로 구성 store/index.js 수정 // store/index.js export default new Vuex.Store({ state: { articles: [], }, getters: { }, mutations: { GET_ARTICLES(state, articles) { state.articles=articles } }, actions: { getArticles(context) { axios({ method: 'get', url: `${API_URL}/api/v1/articles/` }) .then((res) => { // co.. 2022. 11. 21.

Cross - Origin Resource Sharing (CORS) Cross - Origin Resource Sharing (CORS) 개요 ✔ 보안상의 이유로 브라우저는 동일 출처 정책(SOP)에 의해 다른 출처의 리소스와 상호작용 제한 SOP(Same - Origin Policy) ✔ 동일 출처 정책 ✔ 불러온 문서나 스크립트가 다른 출처에서 가져온 리소스와 사호 작용하는 것을 제한하는 보안 방식 ✔ 잠재적으로 해로울 수 있는 문서를 분리함으로써 공격받을 수 있는 경로를 줄인다. Origin - 출처 ✔ URL의 Protocol, Host, Port를 모두 포함히여 출처라고 부른다. 예시 CORS - 교차 출처 리소스 공유 ✔ 추가 HTTP Header를 사용하여, 특정 출처에서 실행 중인 웹 어플리케이션이 다른 출처의 자원에 접근할 수 있는 권한을 부혀앟도록 브라.. 2022. 11. 20.

Vue with DRF: Server & Client Vue with DRF Server & Client Server ✔ 클라이언트에 정보와 서비스를 제공하는 컴퓨터 시스템 ✔ 서비스 전체를 제공 -> Django Web Service ✔ 정보를 제공 -> Django API Service ✔ DB와 통신하며 데이터를 생성, 조회, 수정, 삭제를 담당 Client ✔ Server가 제공하는 서비스에 적절한 요청을 통해 Server로부터 반환 받은 응답을 사용자에게 표현하는 기능을 가진 프로그램 혹은 시스템 ✔ 응답받은 정보를 가공하여 화면에 표현 DRF Back skeleton 코드 확인 Models from django.db import models from django.conf import settings # Create your models here... 2022. 11. 20.

이전 1 2 3 4 다음

티스토리툴바