본문 바로가기
반응형

JavaScript/ETC4

[Javascript] axios로 rest api 호출시 cookie 값 전달 안되는문제 해결 Vue나 react로 frontend를 개발하고 spring으로 backend를 개발할 경우 보통은 frontend server와 backend server의 origin이 달라지게 된다. 즉 frontend 주소는 localhost:3000 backend의 주소는 localhost:8080 이런 식이다. backend side에서 CORS 설정을 해줌으로서 origin이 달라지는 경우에 교차 접근 허용을 설정하여 동작을 진행하게 된다. 하지만 origin이 달라지는 경우 분명 browser에서는 cookie값이 확인이 되는데 backend에서 api 호출을 잡아보면 request객체에 cookie값이 안실려오는 경우가 있다. 이럴 경우에는 axios 호출시 config에 withCredentials :.. 2024. 4. 9.
자바스크립트 고차 함수 고차 함수란? 함수를 인자로 전달받거나 함수를 결과로 반환하는 함수를 말한다. 1. every() 콜백 함수에서 배열의 모든 요소가 True이면, true를 리턴 1-1) 기본 형식 array.every(callbackFunction(currentValue, index, array), thisArg) callbackFunction : 콜백 함수 thisArg : this값으로 활용 currentValue : 배열의 현재 값 index : 배열의 현재 값의 인덱스 array : 현재 배열 1-2) 사용 예 let arr = [1,2,3,4,5,6]; const callBack = (val) => val < 6 arr.every(callBack) // 하나라도 false면, false arr.every(va.. 2024. 4. 9.
마우스 우클릭 방지 / 개발자도구(F12) 방지 1. 아래의 소스코드를 2. 안에 아래의 태그를 입력한다. - oncontextmenu='return false' - 우클릭방지 - onselectstart='return false' - 블럭선택방지 - ondragstart='return false' - 드래그방지 P.S. 키보드 버튼 식별코드 출처: https://server-engineer.tistory.com/563?category=689599 [HelloWorld] 2019. 11. 12.
자바스크립트로 웹 페이지를 긁어오는 두 가지 방법 자바스크립트로 웹 페이지를 긁어오는데는 두 가지 방법이 있다. 첫 번째 방법은, XML 비동기 통신을 이용한 방법이고,두 번째 방법은 http 모듈을 이용하는 것이다. 하지만 http 모듈을 이용하여 통신하는 것은, node.js 에서나 가능한 일이고,일반적으로 가능한 긁어오기는 XML 비통기 통신이다. 우리는 흔히 AJAX 통신이라 한다. 그렇다면 XML 비동기 통신이 갓갓한 기능인 것이냐?그건 또 아닌게, XML 비동기 통신은, CORS 라는, 장벽이 있다. Cross Origin Resource Sharing. 즉, 같은 도메인 내에서만 긁어오기를 허락한다는 의미다. 쉽게 말하면, daum.net 에서 naver.com 을 못 긁어온다는 의미이다.또한 로컬 환경에서 긁어오는 방법도 안된다. 치명적인.. 2019. 9. 10.
반응형

티스토리툴바