by 김동윤
1) 자기가 다룰 JSP 파일 찾아서 내가 버튼 끼워넣어야 할 공간(영역)의 적절한 아이디 찾거나 OR 없으면 div 만들고 id 붙여줘서 영역 만들어주기
- 이건 개발자 도구로 찾아가면서 해야합니다!
- 내가 설정하고자 하는 화면 들어갔을 때 뜨는 저 파란애가 jsp 파일입니다.
![Untitled](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/64825177-eae4-43be-85ff-73431ea0a801/Untitled.png)
2) JS 파일 만들기
2-1 위치
![Untitled](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4142dfa3-39fe-47f7-8e02-f1f78673710e/Untitled.png)
- TUTORIAL 폴더 만들고, 그 안에 JS 각자 만듭시다! (저같은 경우엔
tutorial-적용위치.js
로 이름지음)
![Untitled](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/33f75561-8ad4-4d69-b48b-fb935b2da033/Untitled.png)
2-2 js 안에 넣을 코드
- js 코드
- (+) 단순 참고용 : 동윤의 위 js 를 적용한 jsp 파일
3) jsp 파일에 위에서 만들어준 js 파일 불러오기
- jsp 파일 위에 아래 코드 추가해서 js 파일을 호출하게 해주기
<script type="text/javascript" src="${ctxPath}/js/tutorial/js파일이름.js?${jsVersion}"></script>
(ex) 만약 2번 위치에 만든 js 파일 이름이 tutorial-identification.js
이라면, 아래 코드를 추가
<script type="text/javascript" src="${ctxPath}/js/tutorial/tutorial-identification.js?${jsVersion}"></script>
4) 적용