본문 바로가기

JSP

IntelliJ에서 JSP 시작하기

반응형

📌IntelliJ에서 JSP 시작하기

프로젝트 새로 만들기

 

 

 

애플리케이션 서버 새로 만들기 버튼 클릭 후 아래와 같이 입력

 

 

Tomcat 10을 쓰기 때문에 버전은 Jakarta EE 10 선택

사양 > Servlet 하나만 체크

구현 > 아무것도 체크X

 

 

오른쪽 상단 구성 편집 클릭

배포 탭에서 -를 눌러 기존 거 삭제

 

 

 

+ 누르고 아티팩트 클릭

(exploded) 붙은 걸로 추가

애플리케이션 컨텍스트에 있던 원래 내용 다 지우고 "/" 입력

 

 

서버 탭에서 두 개 수정

 

생성 끝!

 

 

📌 println 에러 없애기

아래 링크 들어가기

https://mvnrepository.com/

 

 

tomcat jsp api 검색하여 아래 클릭

 

 

다운받은 Tomcat 버전과 같은 10.1.24  클릭

(귀찮으면 밑에 링크 클릭)

https://mvnrepository.com/artifact/org.apache.tomcat/tomcat-jsp-api/10.1.24

 

 

Gradle 쓰고 있으니 Gradle의 Short 부분 복사하기(Gradle이랑 Gradle Short랑 똑같음 아무거나 써도 상관없음)

 

 

bild.gradle 파일 열어서 dependencies 부분에 복사한 내용 붙여넣기

오른쪽 코끼리 두 개 중에 아무거나 하나 클릭(맨 오른쪽 코끼리 눌렀으면 원형모양 화살표 눌러서 다시 로드하기 누르기)

서버 다시 시작하기

 

 

📌 밑에 한글깨짐 없애기

도움말 → 사용자 지정 VM 옵션 편집 클릭

 

 

 

아래 두 줄 추가

 

📌JSP 파일 기본 구조 자동 추가하기(부트스트랩도 같이 추가하기)

설정 열기

파일 및 코드 템플릿 > JSP 파일 > JSP File.jsp 클릭

오른쪽 부분에 아래 내용 추가(body 부분은 기존 그대로 두기)

<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Title</title>

  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
          integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
          crossorigin="anonymous"></script>
</head>

 

 

📌부트스트랩 자동 완성

아래 링크 접속하기

https://getbootstrap.com/docs/5.3/getting-started/download/

 

Download

Download Bootstrap to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, RubyGems, and more.

getbootstrap.com

 

 

 

파일 다운로드하기

 

 

압축 해제 후 두 폴더 복사하기

 

 

인텔리제이에서 resources 폴더에 붙여넣기

 

이렇게 하면 자동완성됨

반응형