ajax는 바닐라 js로는 사용하기 조금 복잡하다.
그래서 jQuery를 많이 사용하게 되는데, summernote와 부트스트랩의 충돌로 summernote를 무설치 버전으로 사용하니 ajax가 summernote가 지원하는 jquery 에서는 실행되지 않는 문제가 있었다.
jquery를 바꾸면 summernote와 충돌해 summernote가 실행되지 않으니 당황스러워서 어떻게 해야하는지를 몰랐다.
하지만 이건 순전히 내 오해였는데 부트스트랩과, summernot jquery를 한번에 사용하다보니 어떤 코드가 jquery코드인지 눈에 잘 안들어왔던것이다.
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>땅콩북스</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi"
crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
crossorigin="anonymous"></script>
<link rel="shortcut icon" href="/resources/img/icons8-book-32.png">
<link rel="stylesheet" href="/resources/css/book/bookregist.css">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css"
rel="stylesheet">
<script
src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js"></script>
</head>이게 내 head였는데 확실히 눈에 잘 안띈다.
중간에 있는
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>이 코드가 summernote에서 지원하는 jquery 였다.
이 코드를 지우고
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
최신 jquery 코드로 변경해주니 아무문제 없이 실행되었다.
나같은 사람이 있을수도 있으니 참고하시라고 올려둔다.
hello world