연습 - IntelliJ IDEA에서 웹앱 빌드

완료됨

웹 사이트를 Azure로 이동하는 방법을 연구하는 프로세스를 시작한다고 가정해 보겠습니다. IntelliJ용 Azure 도구 키트를 사용하면 IntelliJ IDEA에서 Azure App Service의 사이트와 쉽게 작업할 수 있다는 것을 배웠으며, 이를 도구 키트를 사용하여 회사의 Azure 구독에서 리소스를 탐색함으로써 테스트해보고자 합니다.

이 연습에서는 Azure 탐색기를 사용하여 Azure 구독을 검사합니다.

웹앱 프로젝트 만들기

Azure 탐색기를 사용하여 Azure 리소스를 검사하려면 먼저 새 프로젝트를 만들어야 합니다. Maven 원형을 사용하여 웹앱 프로젝트를 만들어 보겠습니다.

  1. IntelliJ IDEA를 시작합니다.

  2. IntelliJ IDEA 시작 창에서 새 프로젝트 만들기를 선택합니다.

  3. 왼쪽 메뉴에서 Maven 아키타입을 선택합니다.

  4. 아키타입 목록에서 maven-archetype-webapp을 검색하고 선택합니다.

    원형을 선택합니다.

  5. 이름 필드에 웹앱을 입력합니다.

  6. 기본 Maven 설정을 적용하려면 만들기를 선택합니다.

비고

프로젝트를 만드는 데 몇 분 정도 걸립니다.

웹앱 완료

먼저 웹앱에 몇 가지 간단한 코드를 추가해 보겠습니다.

  1. 프로젝트 창에서 src/main/webapp을 확장한 다음 index.jsp 엽니다.

  2. 기존 코드를 모두 제거하고 다음 HTML로 바꿉다.

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <%@ page import ="java.util.*" %>
    <%@ page import ="java.text.*" %>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Sample Web App</title>
    </head>
    <body>
        <%! DateFormat fmt = new SimpleDateFormat("dd/MM/yy HH:mm:ss"); %> 
        <p>Today's date is <%= fmt.format(new Date()) %></p>
        <p>Your IP address is <%= request.getRemoteAddr() %></p>
    </body>
    </html>
    
  3. 파일 메뉴에서 모두 저장을 선택합니다.