본문 바로가기

⭐ Personal_Study97

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.

Article with Vue Articles with Vue 사전 준비 $ vue create articles $ cd articles $ vue add vuex $ vue add router // App.vue Index state 정의 // store/index.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { article_id: 3, articles: [ { id: 1, title: 'title1', content: 'content1', createdAt: new Date().getTime() }, { id: 2, title: 'title2', content: 'content2', creat.. 2022. 11. 19.

Navigation Guard Navigation Guard 네비게이션 가드 ✔ Vue router를 통해 특정 URL에 접근할 때 다른 url로 redirect 하거나 해당 URL로의 접근을 막는 방법 네비게이션 가드의 종류 ✔ 전역 가드: 애플리케이션 전역에서 동작 ✔ 라우터 가드: 특정 url에서만 동작 ✔ 컴포넌트 가드: 라우터 컴포넌트 안에 정의 전역 가드 Global Before Guard ✔ 다른 url 주소로 이동할 때 항상 실행 ✔ router/index.js에 router.beforeEach()를 사용하여 설정 ✔ 콜백 함수의 값으로 다음 3개의 인자를 받는다 to: 이동할 url 정보가 담긴 Route 객체 from: 현재 url 정보가 담긴 route 객체 next: 지정한 url로 이동하기 위해 호출하는 함수 .. 2022. 11. 19.

이전 1 ··· 5 6 7 8 9 10 11 ··· 17 다음

티스토리툴바