# Spring Tools 4 설치방법
1. 주소창에 spring.io를 검색하여 아래와 같이 해당 페이지를 엽니다.
2. Projects에서 Spring Tools 4를 클릭합니다.
3. Eclipse에서 사용할 수 있도록 본인의 운영체제에 맞게 버튼을 클릭합니다.
+ Visual Studio Code 사용자는 아래에 별도 버튼이 있습니다!
4. 팝업으로 뜬 해당 파일을 저장하여 다운로드 해줍니다.
5. 다운로드 받은 파일의 압축을 풀고 난 후 해당 폴더 내 contents.zip의 압축도 풀어줍니다.
6. 압축을 푼 contents 폴더 내 아래의 해당 폴더를 복사합니다.
7. 복사했던 폴더를 로컬 디스크(C:)에 붙여넣기 한 후 해당 폴더 내의 SpringToolSuite4.exe 파일을 클릭 해줍니다.
8. 실행 후 Launch를 클릭합니다.
9. 상단에서 Help - Eclipse Marketplace... 을 클릭합니다.
10. 검색창에 Spring을 입력한 후 아래의 제목을 확인하여 Install을 클릭합니다.
(검색결과에서 처음 뜨는 Spring은 이미 설치한 파일이므로 헷갈리시지 않도록 해당 제목을 반드시 확인하세요!)
11. Confirm을 클릭합니다.
12. "I accept the terms of the license agreements"를 선택한 후 Finish 버튼을 클릭하면
Restart Now 버튼을 눌러 이클립스를 재시작해주시면 됩니다.
# 환경 설정 방법
1. 하단 window 중 Servers를 클릭한 후
"No servers are available. Click this link to create a new server..." 을 클릭합니다.
2. apache 폴더 중 Tomcat v9.0 Server를 선택한 후 Next를 클릭합니다.
3. Browse...를 클릭한 후 미리 다운 받은 apache-tomcat-9.0.38 폴더를 찾아 폴더선택을 클릭하고
Finish를 클릭합니다.
4. 아래와 같이 서버가 연결되었음을 확인할 수 있습니다.
- jsp html5 설정하기
1. 상단의 Window - Preferences를 클릭합니다.
2. 좌측에서 Web - JSP Files - Editor - Templates 순으로 클릭한 후 New...를 클릭합니다.
3. Name에 HTML5를 입력하고, Context는 New JSP를 선택합니다.
Description에는 HTML5 기본템플릿으로 입력한 뒤 Pattern에 아래의 코드를 복사해 붙여넣기 해줍니다.
(주석은 제외하고 복사해주세요!)
<%@ page language="java" contentType="text/html; charset=${encoding}"
pageEncoding="${encoding}"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> // jstl 사용을 위해 추가함
<!DOCTYPE html>
<html>
<head>
<meta charset="${encoding}">
<meta name="description" content="HTML Study">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="coderbear">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Insert title here</title>
</head>
<body>
${cursor}
</body>
</html>
4. 아래와 같이 모두 작성한 후 OK를 클릭합니다.
- 인코딩 설정하기 (Workspace, HTML, CSS, JSP)
1. 좌측에서 General - Workspace 순으로 클릭합니다.
2. 우측 하단의 Text file encoding 부분에서 Other을 클릭하고 옵션 중 UTF-8을 선택합니다.
3. 이후 Apply - Apply and Close를 클릭합니다.
4. Web - CSS Files 순으로 클릭합니다.
5. Encoding 옵션 중 ISO 10646/Unicode(UTF-8)를 선택합니다.
6. 이후 Apply - Apply and Close를 클릭합니다.
7. Web - HTML Files 순으로 클릭합니다.
8. Encoding 옵션 중 ISO 10646/Unicode(UTF-8)를 선택합니다.
9. 이후 Apply - Apply and Close를 클릭합니다.
10. Web - JSP Files 순으로 클릭합니다.
11. Encoding 옵션 중 ISO 10646/Unicode(UTF-8)를 선택합니다.
12. 이후 Apply - Apply and Close를 클릭합니다.
13. General - Content Types - Text 순으로 클릭합니다.
14. Default encoding 옵션 중 UTF-8를 선택한 후 Update를 클릭합니다.
15. 이후 Apply and Close를 클릭합니다.
- 크롬으로 웹 브라우저 설정하기
// 크롬의 개발자 도구가 더 편리하기 때문에 브라우저를 크롬으로 변경하는 것이 좋습니다.
1. General - Web Browser 순으로 클릭합니다.
2. External web browsers 중 Chrome을 체크해줍니다.
3. 이후 Apply - Apply and Close를 클릭합니다.
'Tip' 카테고리의 다른 글
| [Tip] MySQL Workbench에서 ER다이어그램 만드는 법 (0) | 2020.11.05 |
|---|---|
| [Tip] 디버깅(Debuging), 북마크(Bookmark) (0) | 2020.11.04 |
| [Tip] 파일업로드에 활용하는 COS 파일 설치 방법 (0) | 2020.10.27 |
| [Tip] JSTL 파일 설치 방법 (0) | 2020.10.27 |
| [Tip] JSP & MySQL & Eclipse 개발 환경 설정 방법 (0) | 2020.10.03 |