결과적으로 sts / 스프링부트 / 자바8 / 타임리프 / 마리아DB / JPA / gradle / yml 을 이용하였다.

카페 24의 Tomcat JSP호스팅 비즈니스 를 사용했고 서버 환경 버전에는

이렇게 세가지가 있다. 버전 선택은 이 글을 끝까지 읽고 본인이 원하는것으로 선택하면 될 것이다.

나는 자바11버전이 익숙해서 자바11버전으로 개발 후 톰캣10을 이용해 배포하려고 했었다. 해결하고 나니 별거 아닌 문제들이였지만 그 당시의 나는 꽤 스트레스를 받았다. 인터넷으로 하라는대로 하는데 안되니까 ㅎ

bulid.gradle 파일 설정하기

먼저 카페24에 배포하기 위해서는 war 파일이 필요하다.

bulid.gradle 파일안에 플러그인에 [ id 'war' ] 를 추가하여 war 파일을 만들 수 있게 설정해주자.

plugins {
    id 'java'
    id 'war'
    id 'org.springframework.boot' version '2.7.8'
    id 'io.spring.dependency-management' version '1.0.15.RELEASE'
}

다음 외장 톰캣을 이용하기 위해서는 스프링부트에 있는 톰캣을 중지시켜야한다.

    providedRuntime 'org.springframework.boot:spring-boot-starter-tomcat'

bulid.gradle 파일안에 dependencies 에 작성해준다. (war 사용시에만 가능) providedRuntime는 runtime 시에만 실행되고 실행환경에서 제공되는 dependency를 설정한다.

메이븐에서는 아래를 추가해준다.

<dependency>
         <groupId>org.springframework.boot</groupId>
         <artifactId>spring-boot-starter-tomcat</artifactId>
         <scope>provided</scope>
 </dependency>

자바 버전도 맞게 설정해줘야한다

sourceCompatibility = '1.8'
// 자바 8버전의 경우 '1.8' 
// 자바 11버전의 경우 '11'
// 자바 17버전의 경우 '17' 을 입력해준다.

main class 확인

main class가 있는 곳 하위에 컨트롤러가 잘 들어가있는지도 확인하자

이런식으로 메인클래스가 있는 패키지 하위에 컨트롤러가 위치해야 한다.

또한 메인클래스에 SpringBootServletInitializer를 상속해주자.

@SpringBootApplication
public class 메인클래스명 extends SpringBootServletInitializer {

    @Override
    protected SpringApplicationBuilder configure(SpringApplicationBuilder builder) {
        // TODO Auto-generated method stub
        return builder.sources(메인클래스명.class);
    }

    public static void main(String[] args) {SpringApplication.run(메인클래스명.class, args);}
}

톰캣 9버전과 10버전의 차이

https://blog.itcode.dev/posts/2022/02/12/tomcat-9-and-10

결론적으로 톰캣10버전에서는 javax 를 인식하지 못하기때문에 war 파일을 webapps가 아닌 webapps-javaee 로 담아 실행하면 되는것같다. 실행해보지는 않았다.

나의 경우에는 자바11로 개발 당시 javax를 이용해 코드를 작성했고 그걸 톰캣10버전에 webapps에 올리다보니 404에러가 계속 발생하였다.

자바17을 사용하면 javax가 아닌 jakarta*를 자동으로 사용한다.

yml 파일작성

spring:
  datasource:
    1 ) url: jdbc:mariadb://카페24 호스팅아이디.cafe24.com:3306/카페24 호스팅아이디
    2 ) url: jdbc:mariadb://localhost:3306/카페24 호스팅아이디
    username: 카페24 호스팅아이디
    password: DB비밀번호
    driver-class-name: org.mariadb.jdbc.Driver

yml파일에 디비를 연동해야한다.

1) 로컬(내 컴퓨터) 에서 사용하는 url 경로이다. 2) 배포(카페24서버)에 올릴때 사용하는 url 경로이다.

war 파일 만들기

프로젝트 오른쪽마우스 클릭 -> run As ->run configurations -> Gradle Task 더블 클릭

이렇게 창이 열린다. Gradle Tasks에 Add 버튼을 눌러 task가 생기면 클랙해서 war로 변경해준다. 그 후에 Working Directory에 workspace를 등록해 내가 war파일로 만들 프로젝트를 선택해준다

프로젝트를 선택하면 run 버튼이 활성화되고 run 버튼을 클릭하게되면 war파일이 생성된다. 프로젝트\build\libs 안에 war 파일이 만들어져 있다.

war 파일 업로드

file zila를 사용해 서버에 war 파일을 올려준다.

https://filezilla.softonic.kr/

다운받은 후 실행한 뒤 버튼을 클릭하여 서버에 연결해준다.

아이디와 비밀번호 입력 후 연결해준다

톰캣 하위의 webapps 파일에 ROOT.war 파일을 넣어준다. 드래그 앤 드롭으로 가능하다.

ROOT.war를 넣으면 톰캣이 자동으로 압축을 풀어준다. 당장 ROOT파일이 보이지 않아도 만들어져있으니 당황하지 말자.

서버 재시작

PuTTy를 이용하여 서버를 재시작한다. 서버를 재 시작해야 ROOT파일이 제대로 열린다.

https://www.chiark.greenend.org.uk/~sgtatham/putty/latest.html

카페24도메인을 입력한다. [ 카페24ID.cafe24.com ] open을 입력하면

창이뜨고 login as : 카페24 아이디 (엔터) 비밀번호 하라고 나오는데 키보드를 입력해도 보이는것은 없다. 그래도 잘 입력되고 있으니 괜찮다. 비밀번호를 여러번 틀려도 기회를 계속 주니 걱정하지말고 입력하자! 완료되면 로그인한 날짜와 시간이 나온다.

~/tomcat/bin/shutdown.sh // 서버종료 ~/tomcat/bin/startup.sh // 서버시작

차례로 입력해주면 서버가 종료됐다 재시작 되며 ROOT.war 파일을 인식해 카페24도메인에 접속이 가능해진다!

우리는 jsp로 개발을 할 때 HttpServletRequest의 getParametar() 메소드를 이용하여 값을 받아 올 수 있었다. spring에서는 @RequestParam 어노테이션을 사용하여 값을 받아올 수 있다.

    public void requestParamV1(HttpServletRequest request, HttpServletResponse response) throws IOException {
        String username = request.getParameter("username");
        int age = Integer.parseInt(request.getParameter("age"));

        System.out.println("username : " + username);
        System.out.println("age : " + age);

        response.getWriter().write("ok");
    }

기존에 우리가 HttpServletRequest를 사용하여 값을 받아오던 방식이다. 아직은 jsp에 익숙해서 이 방식도 불편하다고 생각하지 않지만 @RequestParam 을 사용하면 더욱 간편하게 작성할 수 있다.

@RequestParam을 사용한 방법들에 대해 알아보자.

RequestParam

첫번째

@ResponseBody
@RequestMapping("/request-param-v2")
public String requestParamV2( @RequestParam("username") String username , @RequestParam("age") int age){

    System.out.println("username : " + username);
    System.out.println("age : " + age);

    return "ok";
}

• url

  http://localhost:9090/request-param-v2?username=test&age=20

• @ResponseBody

  view 조회를 무시하고 , HTTP message body에 직접 해당 내용 입력!! 화면이동이 되지않고 return 값이 화면에 바로 출력된다.

• @RequestParam

  파라미터 이름으로 바인딩된다. name 속성이 파라미터 이름으로 사용

두번째

http 파라미터 이름이 변수 이름과 같으면 @RequestParam("변수이름") 생략가능

@ResponseBody
@RequestMapping("/request-param-v3")
public String requestParamV3(@RequestParam String username , @RequestParam int age){

    System.out.println("username : " + username);
    System.out.println("age : " + age);

    return "ok";
}

• url

  http://localhost:9090/request-param-v3?username=test&age=20

세번째

String, int 등 단순타입이면 @RequestParam 도 생략가능하다. MVC내부에서 required=false를 적용한다. 추천하지 않음

@ResponseBody
@RequestMapping("/request-param-v4")
public String requestParamV4( String username , int age){

    System.out.println("username : " + username);
    System.out.println("age : " + age);

    return "ok";
}

• url

  http://localhost:9090/request-param-v4?username=test&age=20

네번째

• required required = true : 반드시 파라미터 값이 들어와야 한다. (기본값) required = false: 필수값은 아닐 수 있다.

@ResponseBody
@RequestMapping("/request-param-required")
public String requestParamRequired(@RequestParam(required = true) String username 
                                    ,@RequestParam(required = false) Integer age){

    System.out.println("username : " + username);
    System.out.println("age : " + age);

    return "ok";
}

• url

  http://localhost:9090/request-param-required?username=test&age=20 /request-param-required -> username이 없으므로 에러 /request-param-required?username= -> 빈 문자로 통과 /request-param-required?username=test ->null을 int에 입력하는 것이 불가능 , 따라서 Integer로 변경해야 함

다섯번째

• defaultValue 파라미터 값이 없는 경우 defaultValue를 사용하면 기본값을 적용할 수 있다. 기본값이 있기 때문에 required는 의미가 없다 빈 문자열에도 적용된다.

  @ResponseBody
  @RequestMapping("/request-param-default")
  public String requestParameDefault(
        @RequestParam(required = true, defaultValue = "geust") String username ,
        @RequestParam(required = false, defaultValue = "-1") Integer age){
  
    System.out.println("username : " + username);
    System.out.println("age : " + age);
  
    return "ok";
  }

• url

  http://localhost:9090/request-param-default?username=test&age=20 /request-param-default?username=test&age=20 -> /request-param-default?username=test -> age는-1 /request-param-default?username= ->username = geust

여섯번째

• Map으로 조회하기

  @ResponseBody
  @RequestMapping("/request-param-map")
  public String requestParamMap( @RequestParam Map<String, Object> paramMap ){
  
   System.out.println("username : " + paramMap.get("username"));
   System.out.println("age : " + paramMap.get("age"));
  
   return "ok";
  }

  • url

    http://localhost:9090/request-param-default?username=test&age=20

    일곱번째

• 객체로 받기

@ResponseBody
@RequestMapping("/model-attribute-v1")
public String modelAttributeV1( @RequestParam String username, @RequestParam int age ){

    helloData hello = new helloData();
    hello.setUsername(username);
    hello.setAge(age);

    System.out.println("username : " + hello.getUsername());
    System.out.println("age : " + hello.getAge());

    return "ok";
}

여덟번째

• ModelAttribute 파라미터를 받아서 필요한 객체를 만들고 그 객체에 값을 넣어주는 과정을 자동화!

@ResponseBody
@RequestMapping("/model-attribute-v2")
public String modelAttributeV2(@ModelAttribute helloData helloData ){

    System.out.println("username : " + helloData.getUsername());
    System.out.println("age : " + helloData.getAge());
    System.out.println("hello : " + helloData.toString());

    return "ok2";
}

• @ModelAttribute 생략가능

  String,int 같은 단순 타입 -> @RequestParam 객체 -> @ModelAttribute

ResponseParam

ResponseParam은 값을 화면으로 넘겨준다.

첫번째

• ModelAndView controller 처리 결과 후 응답할 view 와 view에 전달할 값을 저장

  @RequestMapping("/response-view-v1")
  public ModelAndView responseViewV1() {
  ModelAndView mav = new ModelAndView("response/hello").addObject("data","hello");
  return mav;
  

}

### 두번째
 - @Controller에서 return이 String이면 view의 논리적인 이름이 된다.
```java
@ResponseBody    // 페이지를 이동하지않고 리턴된 문자열만 화면에 보여지게된다. 넣지안도록 주의한다.
@RequestMapping("/response-view-v2")
public String responseViewV2(Model model) {
    model.addAttribute("data", "model data");

    return "response/hello";

}

경량 프레임워크(light-weight) 예전 프레임워크는 다양한 경우를 처리할 수 있는기능을 가지도록 만들다 보니 하나의 기능을 위해서 너무 많은 구조가 필요했다. 기술이 너무 복잡하고 방대했기때문에 전체를 이해하고 개발하기에는 어려움이 많아 스프링 프레임 워크가 등장했다. 특정 기능 위주로 간단한 jar파일등을 이용해서 모든 개발이 가능하도록 구성되어있다.

장점

• 복잡함에 반기를 들어 만들어진 프레임워크로 간편하다
• 프로젝트 전체 구조를 설계할 때 유용하다
• 다른 프레임 워크들을 포용하기에 여러 프레임워크를 혼용해서 사용가능하다
• 개발 생산성과 개발도구를 지원한다.

특징

• POJO기반의 구성

• 의존성 주입(DI)을 통한 객체간의 관계구성

• AOP 지원

• 편리한 MVC구조

• WAS에 종속적이지 않은 개발환경

  POJO기반의 구성

  Plain Old Java Object , 단순한 자바 오브젝트

  POJO란 , 객체 지향적인 원리에 충실하면서 환경과 기술에 종속되지 않고 필요에 따라 재활용 될 수 있는 방식으로 설계된 오브젝트를 말한다.자바코드에서 일반적으로 객체를 구성하는 방식을 스프링 프레임워크에서 그대로 사용할 수 있다는 의미이다.

  의존성 주입 (DI)을 통한 객체 간의 관계 구성 ( DI : Dependency Injection)

  의존성(dependency) 이란 하나의 객체가 다른 객체 없이 제대로 된 역할을 할 수 없다는 것

객체간의 의존성이 존재할 경우 개발자가 직접 객체를 생성하거나 제어하는것이 아니라 제어반전에 의하여 특정 객체에 필요한 다른 객체를 프레임워크가 자동으로 연결시켜주는 것을 말한다. 개발자는 자신에게 필요한 객체를 직접 할당하지 않고, 인터페이스를 통해 선언한 객체에 스프링 프레임워크에 의해 주입받아 사용할 수 있기때문에 비지니스 로직에만 집중 할 수있다. 개발자는 객체를 선언만 할 뿐 프레임 워크에서 자동으로 이루어진다.

• 의존성 ⓐ→→→→→→→→→→→ⓑ a 객체에서 b 객체를 직접 생성

• 의존성 주입 ⓐ→→→→→????↔↔↔↔ⓑ a 객체는 b객체가 필요하다는 신호만 보내고, b 객체를 주입하는 것은 외부에서 이루어진다.

  의존성 주입방식을 사용하기 위해서는 ????라는 존재가 필요하게 된다. 스프링 프레임워크에서는 ApplicationContext가 ???라는 존재이며, 필요한 객체들을 생성하고, 필요한 객체들을 주입해 주는 역할을 한다. 따라서 개발자들은 기존의 프로그래밍과 달리 객체와 객체를 분리해서 생성하고, 이러한 객체들을 엮는 (Wri 작업의 형태로 개발하게 된다.

ApplicationContext가 관리하는 객체들을 ' 빈(Bean)'이라 부르고, 빈과 빈 사이의 의존 관계를 처리하는 방식으로 어노테이션 , 필드주입 , 수정자주입 방식을 이용할 수 있다.

@어노테이션

    private final MemberService memberService;
    @Autowired
    public MemberController(MemberService memberService) {
        this.memberService = memberService;
    }

필드주입(Field Injection)

//final 키워드를 사용할 수 없어, 순환참조가 발생할 수 있다. 권장하지 않는다.
@Autowired private final MemberService memberService;

수정자 주입( Setter Injection )

//public으로 노출이 되깅떄문에 다른곳에서 주입이 가능하다.

private MemberService MemberService;
@Autowired
public void setMember(MemberService memberService) {
    this.memberService = memberService;
}

AOP의 지원

관점지향 프로그래망

좋은 개발환경에서는 개발자가 비지니스 로직에만 집중 할 수 있게한다. 스프링 프레임워크는 반복적인 코드를 제거해줌으로써 핵심 비지니스 로직에만 집중할 수 있도록 해준다.

보안이나 로그 , 트랜잭션과 같이 비지니스 로직은 아니지만 반드시 처리가 필요한 부분을 횡단관심사라고 한다. 스프링 프레임 워크는 이런한 횡단 관심사를 분리해서 제작하는것이 가능하고 , 횡단관심사를 모듈로 분리하는 프로그래밍을 AOP라고 한다. 이를통해서 3가지 이점이 생긴다.

• 핵심 비지니스 로직에만 집중하여 코드개발
• 각 프로젝트마다 다른 관심사 적용 시 코드 수정 최소화
• 원하는 관심사의 유지보수가 수월한 코드 구성 가능

WAS에 종속적이지 않은 개발 환경 - 단위 테스트

전체 Application을 실행하지 않아도 기능별 단위 테스트가 용이하기 때문에 버그를 줄이고 개발 시간을 단축할 수 있다.

framework란

뼈대나 근간을 이루는 코드들의 묶음

개발자는 각 개개인의 능력치가 큰 직종이고 개발자의 구성 ( 초급 , 중급 등) 에 따라 프로젝트의 결과 역시 크게 달라진다. 이런 상황을 극복하기 위한 코드의 결과물이 바로 프레임워크이다 . 프로그램의 기본 흐름이나 구조를 미리 정해두고 모든 팀원이 이 구조에 자신의 코드를 추가하는 방식으로 개발하게되어 개개인의 실력차이를 줄이고 유지보수에 용이한 형태로 개발이 진행된다.

Spring, Django, Ruby on Rails 등이 있다.

library란

자주 사용되는 로직을 재사용하기 편리하도록 잘 정리한 코드들의 집합

프레임워크는 만들어둔 틀에서만 작업이 가능하다면 라이브러리는 내가 원하는대로 이용할수 있는 도구들의 모음이라고 볼수있다 . 프레임워크보다 자유도가 높아 꼭 사용하지 않아도 된다는 장점이 있다.

공통점

개발을 할 때 좀 더 편리하게 작업을 도와준다.

차이점

프레임워크는 꼭 짜여진 틀대로 작업해야하며 라이브러리는 내가 원하는대로 사용이 가능하다.

프레임워크의 장, 단점

장점

• 효율적

• 유지보수에 용이하다

• 이미 검증된 코드들을 이용하므로 버그 발생 가능성을 낮춰준다.

  단점

  • 학습시간이 오래걸린다
  • 제약사항이 많다.

프로젝트를 진행하던 도중 재밌는 기능을 알게되었다. 사용법이 복잡하진 않았지만 검색 중 내가 원하는 결과대로 정리해둔 블로그가 없어 글을 작성한다. (조각조각 찾으면 방법을 찾을 수 있지만 한번에 정리되어있지 않았다.다 스프링만있고....)

먼저 나는 servlet을 이용한 mvc2 패턴을 사용하였고 수정한 파일은 jsp파일/ frontcontroller / controller / dao / dto / xml 톰캣 server의 server.xml 파일이다.

파일업로드에 사용할 DTO를 먼저 만들어 주었다.

DTO

public class FileDTO {
    private String file_path;
       private String file_name;

    public String getFile_path() {
        return file_path;
    }
    public void setFile_path(String file_path) {
        this.file_path = file_path;
    }
    public String getFile_name() {
        return file_name;
    }
    public void setFile_name(String file_name) {
        this.file_name = file_name;
    }
}

파일 insert / select 할 xml을 만들어준다.

XML

<mapper namespace="File">
    <insert id="insert" parameterType="filedto">
        insert into TBL_FILE (file_path,file_name) VALUES(#{file_path},#{file_name})
    </insert>
    <select id="select" parameterType="string" resultType="filedto">
        select * from TBL_FILE where file_name in (#{file_name})
    </select>
</mapper>

dao에서 xml에서 만든 쿼리를 사용한다.

DAO

// insert
    public boolean Fileinsert(FileDTO fdto) {
        boolean check = false;
        if(sqlsession.insert("File.insert", fdto) != 0) {
            check = true;
        };
        return check;
    }

// select
    public FileDTO Fileselect(String file_name){
        return = sqlsession.selectOne("File.select", file_name);
    }

jsp 파일에 summernote를 적용해준다. 보통 div나 textarea에 사용하며 내가 본 대부분의 블로그에서는 textarea에 사용하고있었다.

jsp 파일

<body>
<form action="" method="post" name="boardForm">
    <table>
        <tr align="center" valign="middle">
            <td><h3>게시판</h3></td>
        </tr>
    </table>

    <table border="1" style="border-collapse: collapse;">
        <tr height="30px;">
            <th align="center" width="150px;">제목</th>
                <td>
                    <input name="boardtitle" size="50" maxlength="100" placeholder="제목을 입력하세요.">
                </td>
            </tr>
        <tr height="30px;">
            <th align="center" width="150px;">글쓴이</th>
                <td>
                    <input name="username" size="50" maxlength="20" placeholder="이름을 입력하세요.">
                </td>
            </tr>
        <tr height="30px;">
            <th align="center" width="150px;">내용</th>
            <td><textarea name="boardcontents" id="summernote">
                </textarea>
            </td>
        </tr>
    </table>
    <table style="border: 0px;">
        <tr align="right" valign="middle">
            <td>
                <a href="">[등록]</a>
                <a href="">[목록]</a>
            </td>
        </tr>
    </table>
</form>    
<script>
// 썸머노트
    $('#summernote').summernote({ // summernote를 사용하기 위한 선언
        height: 350,
        callbacks: { // 콜백을 사용
               // 이미지를 업로드할 경우 이벤트를 발생
            onImageUpload: function(files, editor, welEditable) {
                sendFile(files[0], this);
            }
           }
    });


    function sendFile(files, editor) {
        // 파일 전송을 위한 폼생성
            data = new FormData();
            data.append("uploadFile", files);

            $.ajax({
                data: data,
                type: "post",
                url: "내가 원하는 url",
                 // 원래 있던 기능을 막기 위해
                 cache : false,
                contentType : false,    
                processData : false,

                success : function(data){
                    $(editor).summernote('editor.insertImage', data.url);
                }
            });
        }
</script>    
</body>

textarea에 summernote

<textarea name="boardcontents" id="summernote">

</textarea>

jsp 파일에 있는거랑 똑같다

frontcontroller

@WebServlet("*.url경로")
public class 프론트컨트롤러 extends HttpServlet{

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) 
            throws ServletException, IOException {
        doProcess(req, resp);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) 
            throws ServletException, IOException {
        doProcess(req, resp);
    }

    protected void doProcess(HttpServletRequest req, HttpServletResponse resp) 
            throws ServletException, IOException {
        String requestURI = req.getRequestURI();
        ActionForward forward = null;

        switch(requestURI) {
            case "jsp파일 ajax에서 적은 경로":
                /*컨트롤러 컨트롤러이름 = new 컨트롤러();
                   컨트롤러이름.execute(req, resp);*/
                IMGUploadAction imgUploadAction = new IMGUploadAction();
                   imgUploadAction.execute(req, resp);
                   break;
        }

나는 컨트롤러를 인터페이스로 구현해 상속받은 후 무조건 이동할 페이지의 경로와 전달방식(forword/redirect) 를 리턴받는 방식으로 만들었다. 하지만 여기서는 페이지 이동없이 ajax로 db값만 받아올것이기 때문에 경로와 전달방식은 받아올 필요가 없다.

controller

public class IMGUploadAction {
    public void execute(HttpServletRequest req, HttpServletResponse resp) throws IOException {
        BoardDAO bdao = new BoardDAO();        // 쿼리를 실행해줄 dao
        FileDTO fdto = new FileDTO();        // db에서 가져온 파일을 담을 dto

        MultipartRequest multi = null;
        try {
            multi = new MultipartRequest(req, "C:\\upload", // 업로드 될 경로를 지정
                    1000 * 1024 * 1024, // 파일의 크기를 지정(1000메가)
                    "UTF-8", // 인코딩 방식
                    new DefaultFileRenamePolicy());
        } catch (IOException e) {
            e.printStackTrace();
        }

        Enumeration params = multi.getParameterNames();

        while (params.hasMoreElements()) {
            String name = (String) params.nextElement();
            String value = multi.getParameter(name);
        }
        Enumeration files = multi.getFileNames();

        while (files.hasMoreElements()) {
            String file_name = multi.getFilesystemName(name); // 파일 이름 얻기
            String file_path = file.getPath();

            if (file != null) {
            fdto.setFile_path(file_path);
            fdto.setFile_name(file_name);
              if(bdao.Fileinsert(fdto)) {  //  summernote로 받아온 파일 insert
                  JSONObject job = new JSONObject();
                  job.put("url","/upload/"+bdao.Fileselect(file_name).getFile_name());
                  // 저장된 파일 select 해서 json으로 넣어주기
                  // /upload/ 는 server.xml에서 내가 지정해준 경로

                  resp.setContentType("application/json");

                  PrintWriter out = resp.getWriter();
                  out.print(job.toJSONString());

                }
            }
        }
    }
}

톰캣서버는 로컬 폴더로 바로 접근이 불가능하기때문에 경로를 수정해 주어야한다.

sever.xml

    <Host>
        <Context path="/upload/" reloadable="true" docBase="C:/upload"/>
       </Host>

호스트 안에 context로 경로를 수정해 준다. docBase에 로컬 폴더 경로를 넣고 path에 내가 톰캣으로 접근할 경로를 작성해준다. docBase와 path가 연동 되어서 path를 입력하면 docBase에 접근할 수 있다.

팀프로젝트를 시작하면서 팀원들과 개발환경을 통일하기 위하며 도커를 공부하게 되었다. 도커 프로그램을 잘 알지못하는 상태라 유투브 영상과 책을 보며 이론을 어느정도 안다고 생각했지만 막상 도커파일을 제작하려고하니 톰캣서버는 작동이 되지만 넣어준 war 파일을 인식하지 못하여 계속 404 오류가 나왔다.

다른 팀원들의 도움을 받아 많은 시행착오를 겪었지만 팀원의 컴퓨터에서는 작동을 하고(도커파일 사용x) 본인의 컴퓨터에서는 작동하지 않아 같이 알아보는것도 무의미해지던 중 war파일을 복사하지 않고 아니라 톰캣자체만 실행해보면 어떨까 싶어 실행 해보았는데 톰캣자체도 실행되지않아 war파일 문제가 아니라는것을 알게되었다.

처음 작성했던 도커파일.

톰캣9버전을 다운로드받고 기존에 ROOT폴더를 삭제해준 뒤 도커파일과 같은 선상에 담아둔 war파일을 이미지 안에있는 ROOT파일로 옮겨담아 주었다. 외부 포트번호와 연결할 이미지 내부포트번호를 지정해주었다.

오류화면

외부포트번호를 8082로 연결해서 화면을 띄우니 404에러가 나왔다. 처음에 오류를 검색하니 저 화면이 뜨면 톰캣은 연결이 됐지만 내부에서 war파일을 찾지못하면 저렇게 오류가 나온다는 글이 많았다. 그래서 당연히 톰캣은 연결됐을꺼라고 생각하고 그 쪽을 의심해보지 않은 내탓이다.

우선 저렇게 오류가 났을 경우 생성한 도커 컨테이너에 war파일이 제대로 생성되어 있는지 확인해보았다.

터미널 창에

$ docker ps

를 검색하면 지금 도커에서 돌아가고 있는 컨터이너를 확인 할 수있다.

 docker exec -it [내가생성해준 컨테이너 이름 또는 컨테이너ID] /bin/bash
 docker exec -it tomtom /bin/bash

명령어를 실행하면 생성한 컨테이너로 접속가능하다.

컨테이너에 접속한 채로

ls

명령어를 입력하면 컨테이너 안에 있는 폴더의 리스트를 확인 할 수 있다.

cd webapps

webapps에 접속 후

ls

를 검색하면 webapps안에 있는 파일을 볼수있다.

위와 마찬가지로

cd ROOT

ROOT에 접속 후

ls

를 검색하면 ROOT안에 있는 파일들을 볼 수있으며, 내가 만든 war파일이 제대로 들어가있는걸 확인 할 수있다.

이 때 톰캣오류를 의심했어야하는데 계속 war 파일을 의심하며 war 파일을 구동할때 필요한 로컬에 설치되어있는 자바, 오라클 , 톰캣도 삭제해보고 ( 이 때 , 다른팀원분이 war파일 import 해보면 lib에 담겨있는 jar파일들이 빌드패스가 안되어있다고 빌드패스 후 새로 war파일 export해서 도커에 올리니 잘 작동한다고 하셨다. 다음에 안된다면 이부분도 확인해보는게 좋겠다.) 새벽까지 난리를 쳤지만 딱히 실행이 되진 않았다.

다음날 도커파일을 이용하지 않고 터미널로 톰캣서버부터 하나씩 확인해가는 과정중 톰캣이 그냥 문제였던것을 알게되었다.

도커 톰캣 설치

docker run -d -it -p [로컬에서 접근할 포트번호]:8080 --name [생성할 컨테이너 이름] [다운로드할 톰캣버전]

docker run -d -it -p 8888:8080 --name tomom tomcat:9

톰캣을 설치 후 localhost:8888 로 접근하면 tomcat 홈페이지가 나와야한다고 했다. 하지만 내가 본 화면은 절망스러운 404..........

tomom

이 때부터는 톰캣 오류를 해결하는 방법을 찾기 시작했고 해결책은 간단했다. 내부 접근법은 위에서 작성했으므로 생략하였다.

docker exec -it tomom /bin/bash
mv webapps webapps2
mv webapps.dist/ webapps
exit

위에서 부터 한줄씩 입력해주었다. 여러 글들을 찾아 보았지만 아직 저 오류의 원인은 알지못하였고 해결방법만 돌아다닐 뿐이여서 아쉬웠다. 하나씩 입력하고 재접속 해보면 이렇게 귀여운 톰캣이 그려져있는 홈페이지가 나온다!

톰캣 서버오류를 해결했으므로 war파일을 톰캣서버가 돌아가고있는 컨테이너로 복사해주었다.

docker cp [복사할 파일이 있는 경로] tomtom:/usr/local/tomcat/webapps

윈도우 cmd창에 내가 복사하기 원하는 파일은 드래그로 가져다 놓으면 파일의 현재 경로를 알려준다 ! (파워쉘은 안됨 ㅎ)

파일을 복사한 후

docker exec -it tomom /bin/bash
ls
cd webapps
ls
cd ROOT
ls

순차적으로 명령어를 입력하여 제대로 ROOT.war 파일이 들어간것을 확인할 수 있다!

완료하고 잠시후 새로고침해보면 톰캣사이트에서 내가 넣은 파일로 변경된 것을 확인 할 수있다!

프로그래머스LV1 - 최소직사각형

[ 답안 ]

class Solution {
    public int solution(int[][] sizes) {
        int answer = 0 ;
        int max_w = 0; 
        int max_h = 0; 

        for(int i = 0 ; i < sizes.length; i++){ 
            if(sizes[i][0] < sizes[i][1]){
                int a = sizes[i][0];
                sizes[i][0] = sizes[i][1];
                sizes[i][1] = a;
            }
            if(max_w < sizes[i][0]) max_w = sizes[i][0]; 
            if(max_h < sizes[i][1]) max_h = sizes[i][1];
        }

        answer = max_w * max_h; 
        return answer;


}}

프로그래머스LV1 - 이상한 문자 만들기

[ 답안 ]

class Solution {
    public String solution(String s) {
        String answer = "";
        String[] str = s.split("");

        int cnt = 0;
        for(int i=0; i<str.length; i++) {
            if(str[i].equals(" ")) {
                cnt = 0;
            } else if(cnt % 2 == 0) {
                str[i] = str[i].toUpperCase();
                cnt++;
            } else if(cnt % 2 != 0) {
                str[i] = str[i].toLowerCase();
                cnt++;
            }
            answer += str[i];
        } 

        return answer;
    }
}

프로그래머스LV1 - 행렬의 덧셈

[ 답안 ]

class Solution {
    public int[][] solution(int[][] arr1, int[][] arr2) {

        for(int i = 0; i < arr1.length; i++){
            for(int j = 0; j <arr1[0].length; j++){
              arr1[i][j] += arr2[i][j];  
            }
        }
        return arr1;
    }
}

[ 답안 ]

class Solution {
        public long solution(long num) {
            long answer = 0;
            while(num > 1){
                num =(num%2==0)?num/2:num*3+1;
                answer++;
                if(answer > 500) {
                    answer = -1;
                    break;
                }
            }
            return answer;
        }
    }

[ 답안 ]

class Solution {
        public int solution(int[] absolutes, boolean[] signs) {
            int answer = 0;
            String buho = "";
            for(int i = 0 ; i < absolutes.length;i++){
                buho = (signs[i])? "+" : "-" ;
                answer += Integer.parseInt(buho+absolutes[i]);
            }
            return answer;
        }
    }

[ 답안 ]

class Solution {
    public int solution(int[] numbers) {
        int answer = 45;
        for(int i = 0 ; i < numbers.length;i++){
            answer -= numbers[i];
        }
        return answer;    
    }
}

프로그래머스LV1 - 약수의 개수와 덧셈

[ 답안 ]

class Solution {
        public int solution(int left, int right) {
            int answer=0;
            // 반복문으로 
            for(int i=left; i<=right; i++){
                int cnt=0;
                for(int j=1; j<=i; j++){
                    if(i%j==0) {cnt++;}
                }
                answer = (cnt%2==0)? answer+i : answer-i;

            }
            return answer;
        }
    }

프로그래머스LV1 - 내적

[ 답안 ]

class Solution {
     public int solution(int[] a, int[] b) {
         int answer = 0;
         for(int i = 0 ; i<a.length;i++) {
              answer += a[i]*b[i];
        }
        return answer;
    }
}

[ 답안 ]

class Solution {
        // money의 범위가 int를 벗어나므로 long으로 받아온다.
        public long solution(long price, long money, long count) {
            long answer = 0;
            for(int i = 1 ; i <= count ; i++) {
                money -= price*i;
            }
            if(money < 0 ) {
                answer = Math.abs(money);
            }else {
                answer = 0 ;
            }
            return answer;
        }
    }

삼항연산자를 이용한 풀이

class Solution {
     public long solution(long price, long money, long count) {
         long answer = 0;
         for(int i = 1 ; i <= count ; i++) {
            money -= price*i;
         }
         answer=(money < 0)? Math.abs(money): 0 ;
         return answer;
     }
}

[ 답안 ]

import java.util.Arrays;    
class Solution{
        public int solution(int []A, int []B){
        int answer = 0;
            // 배열 오름차순 정렬
            Arrays.sort(A);
            Arrays.sort(B);
            // B배열을 B1배열에 역순으로 넣어 내림차순으로 정렬
            int[] B1 = new int[A.length];
            for(int i =0; i < B.length;i++) {
                B1[i] = B[(B.length-1)-i];
            }
            // 오름차순으로 정렬된A배열과 내림차순으로 정렬된B배열의
            // 같은 인덱스값을 곱해서 answer에 순차적으로 더해줌
            for(int i =0; i < B.length;i++) {
                answer += A[i]*B1[i];
            }
            return answer;
        }
    }

내림차순으로 정렬할 필요가 없다는것을 깨닫게됨

class Solution{
        public int solution(int []A, int []B){
        int answer = 0;
            Arrays.sort(A);
            Arrays.sort(B);
            for(int i =0; i < B.length;i++) {
                answer += A[i]*B[(B.length-1)-i];
            }
            System.out.println(answer);
            return answer;
        }
    }

[ 답안 ]

class Solution {
    public static void main(String[] args) {
        Scanner sc = new Scanner(System.in);
        int a = sc.nextInt();
        int b = sc.nextInt();

        for(int i = 0 ; i < b ; i++){
            for(int j =0 ; j < a ; j++){
                System.out.print("*");
            }
            System.out.println();
        }
    }
}

[ 답안 ]

import java.util.Arrays;

class Solution {
    public String solution(String s) {
        String answer = "";
        char[] string = s.toCharArray();
        Arrays.sort(string);
        for(int i = string.length-1  ; i >= 0 ; i--){
            answer+= string[i];
        }
        return answer;
    }
}

오름차순으로 정리한걸 역순으로 넣어 내침차순으로 바꿨다.

re

프로그래머스LV1 - 가운데 글자 가져오기

[ 답안 ]

class Solution {
    public String solution(String s) {
        String answer = "";
        if(s.length() % 2 == 0){
            answer = s.substring(s.length()/2 - 1, s.length()/2 + 1);
        }else { 
            answer = s.substring(s.length()/2, s.length()/2 + 1);
        }
        return answer;
    }
}

[ 답안 ]

class Solution {
    public String solution(int n) {
        String answer = "";
        for(int i = 0 ; i < n ; i++){
           answer+= (i%2==0)?"수":"박";           
        }
        return answer;
    }
}