개요 드디어(?) 맞닥뜨리게 된 CORS 에러에 대해 알아보자 1. Same-Origin 정책 & Cross-Origin 정책 HTML문서 : 기본적으로 Cross-Origin 정책을 따름 script 태그, XMLHttpRequest, Fetch API 등 : 기본적으로 Same-Origin 정책을 따름 자바스크립트는 기본적으로 서로 다른 도메인에 대한 요청을 보안상 제한한다 자바스크립트 -> 브라우저에서 실행되는 언어 브라우저는 기본적으로 하나의 서버 연결만 허용되도록 설정되어 있기 때문 (주로 자신의 서버) jQuery같은 외부 자바스크립트 소스를 가져와 로드할 수 있는 이유는, CDN 서비스 서버에서 모든 출처를 허용하도록 되어있기 때문 1-1. Origin(출처)란? 어떤 사이트를 접속할 때, ..
Web
디버깅 할 때 팁 개요 단순하지만, 때론 잊기 쉬운 디버깅의 기본에 대해 정리해보겠다 1. 프론트 단에서 추적할 때 어느 부분에서 오류가 나는 건지 확인하기 f12 (개발자도구)를 적극 활용하기 데이터 타입이 문제가 되는 경우도 많다. 스크립트에서 typeof() 함수로 테스트해보기 변수값 확인하면서 체크하기 (분수령이 되는 조건문을 유의해서 살펴보기!) 외부 소스에서 처리하고 있는 부분도 있으니, 그 부분을 유념해서 디버깅하기 이렇게 include 되어있는 파일도 디버깅 해줘야함 2. 백엔드 단에서 추적 데이터의 오류인 경우엔 백엔드, 즉 java파일에 문제가 없는지 파악 java 파일을 살펴보기 전에, logger 등으로 찍은 로그 파일을 확인해서 파일의 어느 부분에서 어떤 오류가 났는지, 인자를 잘..
1. web.xml이란 DD(Deployment Descriptor:배포 설명자)라고도 불린다 Web Application의 설정파일 Web Application 실행 시 메모리에 로드된다 즉, 웹 애플리케이션을 실행시킬 때 참조할 설정들을 정의해놓은 것! 모든 웹 프로젝트는 이 설정파일을 갖고 있고, 위치는 WEB-INF 폴더 아래에 있다 2. web.xml의 주요 역할 DispatcherServlet ContextLoaderListener Filter 2-1. DispatcherServlet : 클라이언트의 요청을 처음으로 받는 클래스 클라이언트의 요청을 받아 요청을 처리해줄 수 있는 컨트롤러를 찾아 실행시킨다 이후 클라이언트에게 보여질 View를 찾고, 응답데이터와 View를 클라이언트에게 전달한다..
