[jQuery] 회고 7/8

1. jQuery 추가시 발생 에러

이건 그냥 jQuery쓸줄만 알았지 추가할때 발생하는 에러가 무엇인지 무엇을 추가해야 했는지를 몰랐어서 발생했다. 기록을 위해 작성해본다.

 

jQuery는 JavaScript의 라이브러리 중 하나로 CSS, JavaScript, Html을 보다 단순하게 구현하기 위해 사용한다.

사용하는 방법은 간단하다. 라이브러리를 가져와서 JSP파일에서 불러와 사용하면 된다.

공식홈페이지 ( https://jquery.com/download/ ) 에서 다운로드 가능하다.

 

내가 몰랐던 부분인데 map파일이 존재한다. 나는 잘 모르고 그냥 같이 사용하는 줄 알고 같이 넣었었다.

 

because its MIME type ('~') is not executable

 

 

이 에러는 다음과 같은 원인으로 발생했다고 한다.

1. MIME 타입: MIME 타입은 브라우저가 파일의 형식을 이해하고 올바르게 처리할 수 있도록 하는 일종의 식별자입니다. 예를 들어, JavaScript 파일의 MIME 타입은 application/javascript입니다.
2. .map 파일: 이 파일은 소스 맵 파일로, 압축된 JavaScript 코드와 원본 소스 코드 사이의 매핑을 제공합니다. 개발자가 디버깅을 할 때 원본 소스를 볼 수 있도록 도와줍니다.
3. 잘못된 MIME 타입: 브라우저가 jquery-3.7.1.min.map 파일을 요청했을 때, 서버가 이 파일을 application/octet-stream MIME 타입으로 제공했습니다. 그러나 브라우저는 이 파일이 실행 가능한 스크립트가 아니기 때문에 실행을 거부했습니다.

 

즉 .map파일을 사용함으로써 발생한 에러이다. 그럼 map파일은 언제 사용하는 것일까?

 

map파일은 한줄로 되어있는 min.js파일을 디버깅 및 소스코드를 보기 용이하도록 원본 소스 코드와 압축된 파일 간의 매핑 정보를 제공하기 위해 사용한다.

따라서 min.js를 사용하지 않는다면 map파일을 사용할 필요가 없다.

추가로 map파일은 개발환경에서 사용하고 프로덕션환경에서는 사용하지 않는것이 보통이라고 한다.

2. http://www.springframework.org/security/tags URI인식 불가

Csrf토큰을 사용하려고 하는데 sec태그가 사용되지 않아 찾아보게되었다.

만약 추가가 안된다면 아래와 같이 input hidden으로도 사용은 가능하다.

<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}" />

 

하지만 sec태그를 사용해야할 때도 있을 것 같아 알아보았다.

 

 

org.apache.jasper.JasperException: The absolute uri: [http://www.springframework.org/security/tags] cannot be resolved in either web.xml or the jar files deployed with this application

 

이 에러는 tag라이브러리 Uri를 인식하지 못할때 발생한다.

 

의존성 추가가 되지 않아 그렇다고 한다.

# Maven
<dependency>
    <groupId>org.springframework.security</groupId>
    <artifactId>spring-security-taglibs</artifactId>
    <version>${spring.security.version}</version>
</dependency>

# Gradle
implementation 'org.springframework.security:spring-security-taglibs:${springSecurityVersion}'