티스토리 뷰

JSP

[VSCode] tomcat연결하여 JSP사용하기

JxxxxH 2023. 4. 19. 17:02

자바스크립트로 분리해 둔 header와 footer.html 파일을 붙이려고 시도해봤다.

(구글에 검색한 스크립트문을 사용. chatgpt로 해석해봤지만 모르겠음..)

 

스크립트 위치도 바꾸고 파일경로도 바꾸고 함수로 호출해보고 등등 몇가지 방법을 시도했으나 'js파일'만 연동이 안됐다.TT

(html과 js 로드 되는 순서가 문제인 것 같다는 추측이 들지만 but 해결하지 못함...)

<body>
    <!-- header -->
    <div data-include-path="header.html"></div>
    <!-- 본문 (아직 내용 없음)-->
    <div class="container">
        <div class="mainBanner"></div>
    </div>
    <!-- footer -->
    <div data-include-path="footer.html"></div>     
</body>
    <!-- header,footer include -->    
    <script>       
        window.addEventListener('load', function() {
            var allElements = document.getElementsByTagName('*');
            Array.prototype.forEach.call(allElements, function(el) {
                var includePath = el.dataset.includePath;
                if (includePath) {
                    var xhttp = new XMLHttpRequest();
                    xhttp.onreadystatechange = function () {
                        if (this.readyState == 4 && this.status == 200) {
                            el.outerHTML = this.responseText;
                        }
                    };
                    xhttp.open('GET', includePath, true);
                    xhttp.send();
                }
            });
        }); 
   </script>
</body>

결국 jsp로 include하는 것으로 계획을 바꾸고 vscode에 tomcat을 연결.

(방법은 간단해 보였지만 난 환경설정만 이틀 걸렸다..ㅎㅜ)

 

참고한 구글/블로그 내용을 따라해보다가

VSCode에서 Tomcat for Java 가 더 이상 사용되지 않는다고 뜸....!!

그래서 Community Server Connector 플러그-인을 사용했다.

 

※참고한 블로그 내용은 서버커넥터에서 제공하는 tomcat을 다운받아 사용했고, 나는 따로 다운받아둔 tomcat이 있어서 그걸로 사용했다. ( Create New Server -> No -> Use Server on disk -> 내가 다운받은 톰캣파일을 선택하면 된다.)

(참고 블로그:https://bny9164.tistory.com/55 )

 

톰캣 연결한 후 http://localhost:8080 에 접속해보면 정상적으로 서버가 작동하는지 알 수 있는데

나는 8080포트에서 로그인과 비밀번호를 입력하라는 창이 떳다. (8080은 톰캣 기본 port이다.)

예전에 오라클 다운 받아서 사용한 적이 있었는데 그것 때문에 포트이 겹쳐서 안된 것일 수 있다는 글을 발견했다.

(참고 블로그:https://technote-mezza.tistory.com/27)

 

server.xml 파일에서 port=8000으로 변경했더니 정상 작동했다!! 

 

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/09   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함