# JSP 개발환경 만들기
JSP 개발환경을 만들어 봅시다.
<a name="jdk"></a>
-----------
### JDK 설치
[오라클 홈페이지](http://www.oracle.com)에 접속합니다
Download 메뉴의 Java For Developers 메뉴를 클릭합니다
![Imgur](https://i.imgur.com/1BFM7h1.png)
Java SE Downloads의 JDK 다운로드 버튼을 클릭합니다
![Imgur](https://i.imgur.com/LxciMiv.png)
라이센스 동의 후, 컴퓨터 기종(OS & 64/32bit)에 맞게 다운로드합니다.(링크: [윈도우 64비트 32비트 확인하는법과 차이점](https://goo.gl/LrAZYr))
![Imgur](https://i.imgur.com/HuCQrPh.png)
다운받은 JDK파일을 설치하면 완료~!
- Next를 쭉 눌러주세요
- Java 설치 폴더의 위치는 기억하셔야 합니다([환경변수 설정](#index-3.)에서 사용됩니다)
<a name="env-variable"></a>
-----------
### 환경변수 설정
내컴퓨터에서 마우스 오른쪽 클릭 후, 속성을 선택합니다
![Imgur](https://i.imgur.com/V1yrNMa.png)
고급 시스템 설정을 클릭 후
![Imgur](https://i.imgur.com/h1n9EW3.png)
고급 탭으로 이동하여 환경변수를 클릭합니다
![Imgur](https://i.imgur.com/wFUdEnF.png)
새로만들기 버튼을 클릭한 뒤, 아래와 같이 입력합니다
```
변수이름: JAVA_HOME
변수 값: {JDK 설치시 지정했던 폴더 위치}
```
![Imgur](https://i.imgur.com/B1NQUdU.png)
기존 Path 변수를 편집합니다. Path 변수 값의 제일 마지막 부분을 아래와 같이 수정후 확인버튼을 눌러주세요.
![Imgur](https://i.imgur.com/4Lj08lX.png)
마지막으로, 환경변수 설정이 잘 되었는지 확인해 봅시다~
시작버튼에서 cmd를 검색한뒤 실행해주세요
![Imgur](https://i.imgur.com/Y3LjOdq.png)
cmd 실행창에서 javac 라고 입력후 엔터~ (아래와 같이 출력된다면 완료~!)
![Imgur](https://i.imgur.com/VMjeBvG.png)
<a name="eclipse"></a>
-----------
### Eclipse 설치
[이클립스 홈페이지](https://www.eclipse.org/)에 접속하여 오른쪽 상단 DOWNLOAD 버튼을 클릭합니다.
![Imgur](https://i.imgur.com/AlL7Jqj.png)
Eclipse IDE for **Java EE Developers**를 클릭합니다.
![Imgur](https://i.imgur.com/ReIgyci.png)
운영체제와 컴퓨터 구조(32bit/64bit)에 따라 해당 다운로드 링크를 선택합니다.
![Imgur](https://i.imgur.com/N8R87rF.png)
다운로드 후 압축을 풀면 끝!
![Imgur](https://i.imgur.com/QuTlPdJ.png)
<a name="tomcat"></a>
-----------
### Tomcat 다운로드
[톰캣 홈페이지](http://tomcat.apache.org/)에 접속합니다.
![Imgur](https://i.imgur.com/AIakeFx.png)
JDK 버전에 맞게 Tomcat 버전을 알아야 합니다.(http://tomcat.apache.org/whichversion.html)
| Tomcat 버전 | JDK 버전 |
|:----------:|:-----------:|
| 9.0 | 8 and later |
| 8.0 | 7 and later |
| 7.0 | 6 and later |
| 6.0 | 5 and later |
해당 Tomcat 버전을 다운로드 링크를 클릭합니다.
![Imgur](https://i.imgur.com/viE40Ff.png)
운영체제와 컴퓨터구조(32-bit/64-bit)에 맞게 압축파일을 다운로드합니다.
![Imgur](https://i.imgur.com/TCrbA2b.png)
다운로드 후 압축을 풀면 끝! 압축해제 경로를 기억해두세요!!
<a name="connecting"></a>
-----------
### Eclipse-Tomcat 연동
다운받은 Eclipse를 실행 후, Preferences를 클릭합니다.
![Imgur](https://i.imgur.com/wbQmbMg.png)
서버관련 메뉴에서 톰캣서버를 추가해줍니다. (다운받은 톰캣서버 버전을 선택후 Next)
![Imgur](https://i.imgur.com/N1QB84B.png)
톰캣서버의 압축 해제 경로를 선택 후 Finish!!
![Imgur](https://i.imgur.com/pRaBA7A.png)
톰캣 서버가 추가되었다면 OK를 클릭하며 Preferences 설정을 완료합니다.
![Imgur](https://i.imgur.com/CAOtpgU.png)
<a name="hello-jsp"></a>
-----------
### Hello JSP 동작 확인
Dynamic Web Project를 생성합니다.
![Imgur](https://i.imgur.com/8Fmt0YO.png)
프로젝트 설정 후, Next!!
![Imgur](https://i.imgur.com/mNtdu8G.png)
Generate web.xml 을 클릭후 Finish
![Imgur](https://i.imgur.com/4l3sceJ.png)
JSP 파일을 생성합니다.
![Imgur](https://i.imgur.com/KSrxtIP.png)
JSP 코드를 작성합니다.
![Imgur](https://i.imgur.com/TVzfa7b.png)
톰캣 서버를 통해 실행합니다.
![Imgur](https://i.imgur.com/GPP2XBC.png)
다운받은 톰캣의 버전을 확인 후, Always user this server 클릭 한 뒤 Next!
![Imgur](https://i.imgur.com/73XqleI.png)
생성된 프로젝트를 서버에서 실행할 수 있도록 추가한뒤 Finish!
![Imgur](https://i.imgur.com/OUWEfom.png)
실행 결과를 확인해줍니다~ 끝!
![Imgur](https://i.imgur.com/Yqmr0bf.png)
<a name="external-web-browser"></a>
-----------
### 외부 웹브라우저를 통한 톰캣실행
JSP파일을 실행하면 이클립스 내부 웹브라우저를 통해 결과가 출력됩니다. 이를 외부 웹브라우저를 통해 실행하도록 설정해봅시다. Preferences 설정을 클릭합니다.
![Imgur](https://i.imgur.com/wbQmbMg.png)
Gerneral 메뉴 속 Web Brower 메뉴를 클릭한 뒤, New를 클릭합니다. 다음으로 해당 웹브라우저 경로를 선택후 OK를 클릭합니다.
![Imgur](https://i.imgur.com/89qjLvQ.png)
외부 웹브라우저를 사용하도록 설정 후, 추가한 브라우저를 선택하여 설정을 완료합니다.
![Imgur](https://i.imgur.com/kQk8kiP.png)
JSP 파일을 실행하면 외부 브라우저를 통해 실행됨을 확인하였습니다.
![Imgur](https://i.imgur.com/cXXCZhZ.png)
---
### 핵심 키워드
+ [JDK 설치](#jdk)
+ [환경변수 설정](#env-variable)
+ [이클립스 설치](#eclipse)
+ [톰캣 다운로드](#tomcat)
+ [이클립스-톰캣 연동](#connecting)
+ [헬로 JSP](#hello-jsp)
+ [외부 웹브라우저 설정](#external-web-browser)
---
### Next..
JSP의 구동원리와 구성요소를 배워봅시다.