예제로 배우는 JSP

준비중..

예제로 배우는 JSP

자바 웹 프로그래밍의 세계로!

02 개발환경 만들기

# 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의 구동원리와 구성요소를 배워봅시다.