crossorigin 프로퍼티에 대해서 질문드립니다.
288
작성한 질문수 14
안녕하세요 잔재미코딩님.
섹션 6 가장 빠른 Vue와 Flask, 그리고 REST API 2 강의를 듣는 도중 2:00 부터 설명하시는 부분에
해당 웹페이지 안에서 태그로 www.kkk.co.kr/google.jpg 파일을 가져와서 이미지로 보여줄 수 있음
해당 웹페이지 안에서 태그로 www.kkk.co.kr/style.css 파일을 가져와서 CSS 스타일을 적용할 수 있음
의 내용과 코드를 보고 궁금한 점이 있습니다.
부트스트랩 스타일, 스크립트 호춣
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>Vue, axios 스크립트 호출
<!-- Vue Start -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>다음 코드와 같이 crossorigin 프로퍼티를 붙여주는 경우는 어떤 경우인지 궁금합니다.
부트스트랩 관련 link, script 태그는 crossorigin 프로퍼티가 없으면 정상적으로 데이터를 불러오지 못합니다. 반면에 vue CDN 스크립트는 crossorigin 프로퍼티를 필요로 하지 않습니다. 이 차이가 뭔지 궁금합니다.
MDN 을 확인하면 crossorigin 프로퍼티 값을 "anonymous" 설정을 하게 되면 credential flag를 same-origin으로 설정해 쿠키 같은 user-credential 교환이 필요없다고 하는데, 해당 서버들이 credential flag 설정 값을 체크하는지 안하는지 차이일 뿐인가요? 이런 설정들이 부트스트랩이나 fontAwesome에서 왜 필요한지 잘 모르겠네요..
답변 1
0
https://stackoverflow.com/questions/18336789/purpose-of-the-crossorigin-attribute
답변들을 보다보니 결국 보안 때문에 도입 되었고, 해당 프로퍼티를 사용하면 JS 에러 메세지를 획득하고 싶지만 자격증명을 보내고 싶지 않을때 쓴다는 것 같습니다. 그러면 Vue CDN에도 사용 되어야 하는거 아닌가 싶지만, 서버 설정을 따라가는 것 같습니다..
강의 자료 어디서 다운받나요? 없는데요..
0
150
1
강의 영상은 안나오고 소리만 나옵니다.
0
177
1
섹션 6 인증 failed 질문
0
153
1
섹션 8 flask 다양한 기능: 다양한 데코레이터 before_first_request 문의
0
358
3
192.168.0.12:8085??
0
154
1
04_flask_ABTest에서 blog_abtest.py 실행 시 오류입니다.
0
171
1
수업내용 질문 건
0
186
1
brew로 mysql 설치 후 서버 실행할 때, 터미널에서 anaconda bin 참조하는 문제
0
663
2
강의자료 다운로드 문의드립니다.
1
267
1
갑자기 웹 서버 띄울때 이상하게 나옵니다
0
313
1
가장빠른 Vue와 flask, 그리고 REST API 1 강의 질문입니다. (2)
0
345
1
가장빠른 Vue와 flask, 그리고 REST API 1 강의 질문입니다.
0
321
2
Fast api 추가 강좌 개설여부 질문드립니다!.
0
316
2
flask_cors설치 오류
0
618
2
부스트랩 html 다운
0
257
1
혹시 강의자료 공유가 가능한가요?
0
354
1
소스코드는 어디에 있을까요??
1
254
1
안녕하세요 몇가지 질문이 있습니다.
0
339
1
동적함수생성 질문드립니다.
1
630
2
(강의명) flask 로 Rest API 구현과 테스트 실행 : 오류 문의
0
576
1
백엔드 데코레이터 2 강의에 도전 문제 질문드립니다
0
289
1
몽고 DB 공식홈페이지 403 접속 에러 발생합니다.
1
624
3
04._flask_ABTest Pycharm 에서 실행오류
0
488
1
WinError 10013 ,오류 해결 가능할까요?
0
4105
1





