[Tip] JSP & MySQL & Eclipse 개발 환경 설정 방법

Tip

2020. 10. 3. 19:53

# Tomcat 설치방법

1. apache tomcat을 검색한 후 나오는 아래의 사이트를 클릭합니다.

 

2. 사이트의 좌측 메뉴 중 Download 중 Tomcat 9을 클릭합니다.

 

 

3.  Binary Distributions 중 Core에서 zip(pgp, sha512)를 클릭합니다.

 

4. 다운로드 받은 파일의 압축을 풀어준 뒤

   C 드라이브에 압축을 푼 apache-tomcat-9.0.38 폴더를 붙여넣기 해줍니다.

 

# MySQL Connector/J 설치 방법

1. https://www.mysql.com에 들어가 상단의 DOWNLOADS 버튼을 클릭합니다.

 

2. 홈페이지 하단의 MySQL Community(GPL) Downloads 버튼을 클릭합니다.

 

3. Connector/J 버튼을 클릭합니다.

 

4. Select Operating System의 옵션 중 Platform Independent를 선택해줍니다.

 

5. 두 번째 Download 버튼을 클릭합니다.

 

6. 다운로드 받은 파일의 압축을 풀어준 뒤 

   mysql-connector-java-8.0.21 파일을 복사하여 아래의 주소 폴더로 가 붙여넣기 해줍니다.

 

# Eclipse 설정하기

+ 이클립스 설치를 원하시는 분은 아래의 링크를 먼저 확인해주세요.

https://coderbear.tistory.com/21?category=928440

 

[Tip] 이클립스(eclipse) 설치방법

# 이클립스(ecilpse) 파일 설치 방법 1. 이클립스를 검색해 해당 사이트에 들어갑니다. 2. 이클립스 홈페이지에서 최하단으로 내려가 64비트 다운로드 버튼을 클릭합니다. 3. 중앙의 다운로드 버튼을

coderbear.tistory.com

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}"%>

<!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="원하는 이름을 넣어주세요">
<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를 클릭합니다.

 

728x90