Script12 React Code Snippet 유용한 단축키 VS Code에서 React Code Snippet 플러그인 세팅 후 컴포넌트 생성시 유용하게 활용할 수 있다 1. 함수 컴포넌트 만들기 rsc 입력 후 enter키 2. 클래스 컴포넌트 만들기 rcc 입력 후 enter키 2022. 4. 27. jsonp로 호출시 OOOO의 자원이 MIME타입 (text/html)이 일치하지 않아서 (X-Content-Type-Options: nosniff) 차단되었습니다. 해결 jsonp로 호출시 브라우저 개발자도구 콘솔에 "https://OOOO의 자원이 MIME타입 (text/html)이 일치하지 않아서 (X-Content-Type-Options: nosniff) 차단되었습니다." 라고뜨며 스크립트 호출이 제대로 되지 않는 경우가 있다. X-Content-Type-Options: nosniff 는 MIME타입을 조작하여(ex> .jpg 확장자인 파일을 로드하지만 실제로는 악성 스크립트 파일인 경우) 공격 시도하는것을 막기위해 서버단에서 헤더에 추가하여 보안을 강화하는용도로 쓰이는데 에러메세지에 이 내용이 찍혀있어 헷깔리는 경우가 있다. 사실 jsonp로 호출하려는 API 주소를 잘못(오타 등)적어서 jsonp 타입의 응답대신 에러페이지가 리턴되는 경우 MIME타입이 text.. 2020. 4. 24. 템플릿 속성(computed, method, watch) 템플릿 속성 (computed, method, watch)의 주요 특성 1) computed -. data속성 값의 변화에 따라 자동으로 다시 연산한다 -. 캐싱 제공 2) method -. 호출할 때만 해당 로직이 수행된다 3) watch -. computed속성 보다 시간이 상대적으로 더 많이 소모되는 비동기 처리에 적합하다 2020. 1. 15. axios로 데이터 받아오기 vue.js에서는 axios를 이용해 서버측 데이터를 간편하게 받아 올 수 있다. 프레임워크 목록 가져오기 2020. 1. 15. 이전 1 2 3 다음