캐시 없이 웹 페이지 로딩하기



웹 프로그래밍을 하다보면 CSS나 Javascript로 작업을 하다가

바뀐 기능이나 디자인을 확인해야하는 경우가 매번 있다.


그러나 브라우저는 빠른 접근을 위하여, 이미 방문한 웹페이지를 '캐싱'해두는데,

이 때문에 변경된 내용이 제대로 반영되지 않는 경우가 있다.


크롬에서는 이를 위하여 개발자 도구가 켜져 있을 경우 캐싱을 하지 않는 옵션이 있다.





우선, 구글 개발자 도구를 열고 설정 탭을 클릭한다.

설정탭은 제일 우측 점 3개 아이콘이다.

여기서 Settings 카테고리로 들어가자.






Settings를 열면 여러 메뉴가 나오는데 이중 Preferences를 선택한다.

스크롤을 조금 내리면 Network를 확인할 수 있다.

이 중에서 Disable cache(While DevTools is open)에 체크하면 캐시 설정이 완료된다.



저작자 표시
신고

 vanilla JS로 장고 CSRF Ajax 요청




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function parse_cookies() {
    var cookies = {};
    if (document.cookie && document.cookie !== '') {
        document.cookie.split(';').forEach(function (c) {
            var m = c.trim().match(/(\w+)=(.*)/);
            if(m !== undefined) {
                cookies[m[1]] = decodeURIComponent(m[2]);
            }
        });
    }
    return cookies;
}
var cookies = parse_cookies();
 
 
//
// SEND THE FORM!
//
var request = new XMLHttpRequest();
request.setRequestHeader('X-CSRFToken', cookies['csrftoken']); 
request.open("POST""/path/to/view/");
var formElement = document.querySelector("#myform");
request.send(new FormData(formElement));
cs


장고로 Ajax 요청을 보내면 CSRF 토큰에 대한 이슈가 있다.

이를 해결하기 위해 공식 홈페이지에서는 토큰을 첨부하는 JQuery 코드를 제공주는데,

바닐라 JS는 코드가 없어서 한참 헤멘 끝에 구글에서 예제코드를 찾을수 있었따.

JQuery를 사용하지 않고 vanilla JS로 사용할 경우 Ajax 함수 세팅에서 위와 같은 코드를 추가해 주면 된다.



출처 : http://musings.tinbrain.net/blog/2015/aug/28/vanilla-js-meets-djangos-csrf/

저작자 표시
신고


차일 피일 미루다가 새 프로젝트를 시작했다

전에 프로젝트 진행할 때 다른 팀이 유튜브 API를 이용해서 스트리밍 사이트를 만드는 걸 봤는데

나도 한번 만들어 봐야겠다는 생각이 들었다.


얼마가 걸릴진 모르지만, 이번에 배운 장고를 사용해서 나름 괜찮은 서비스를 만들어 보고싶다.

아무래도 시험 준비한다고 며칠 프로그래밍을 쉬다보니 구현하는데 한참 걸린다.

일단 인트로 화면이랑 로그인/아웃만 만들어 놓고 나머지는 내일 해야겠다.


진심 만들다 보면 계속 느끼는 건데, CSS가 제일 어려운것 같다.

해도 해도 끝이 없고 position 같은 건 설정하면 어디로 움직일지도 모르겠다.

빨리 뚝딱 뚝딱 만들어야지

저작자 표시
신고

'기타 > 일상' 카테고리의 다른 글

[일상] 새 프로젝트 시작!  (0) 2017.06.30
[일상] 학교 돌아다니기  (0) 2017.06.13
[일상] 불암산 등반  (0) 2017.05.14
[일상] 이러고 있다.  (0) 2017.05.09
[일상] 주말 - 남산 한옥 마을  (0) 2017.04.22
[일상] 미로  (0) 2017.04.20

+ Recent posts

티스토리 툴바