목록Vue (77)
진스
jsconfig.json { "compilerOptions": { "baseUrl": ".", "paths": { "~/*": [ "./*" ], "@/*": [ "./src/*" ], } }, "exclude": [ "node_modules", "dist" ] }
console.log JavaScript 프로그래밍 시 디버깅 목적으로 브라우저의 console.log 메서드를 자주 사용하게 됩니다. 사용하기 간편하고 애플리케이션의 동작에 직접적인 영향을 주지 않기 때문에 개발자 도구의 Debugger 보다 더 자주 사용하게 되는 것 같습니다. if(condition) { //... } else { console.log('이 메시지가 출력되면 절대 안된다!'); console.log('뭔가 잘못 되었다.'); } console.log 는 가장 간편한 디버깅 도구이긴 하지만 운영에 배포되는 어플리케이션에는 포함되지 않는 것이 좋습니다. 불필요한 코드 이기도 하고 보안 이슈가 발생할 가능성도 있습니다. 무엇보다 개발자가 신경을 안 썼다는 티가 나서 좋지 않습니다. no-..
쿠키에 값 저장하고 불러오고 삭제하기 @/utils/cookies.js 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 //저장 function saveAuthToCookie(value) { document.cookie = `auth=${value}`; } //유저저장 function saveUserToCookie(value) { document.cookie = `user=${value}`; } //토큰로드 function getAuthFromCookie() { return document.cookie.replace( /(?:(?:^|.*;\s*)auth\s*=\s*..
then이나catch로 처리되기 전에 요청이나 응답을 가로챌 수 있습니다. // 요청 인터셉터 추가 axios.interceptors.request.use( function (config) { // 요청을 보내기 전에 수행할 일 // ... return config; }, function (error) { // 오류 요청을 보내기전 수행할 일 // ... return Promise.reject(error); }); // 응답 인터셉터 추가 axios.interceptors.response.use( function (response) { // 응답 데이터를 가공 // ... return response; }, function (error) { // 오류 응답을 처리 // ... return Promise...