Spring으로 개발하기 위해 필요한 도구들

• 자바 개발도구 : Java11
  • Open JDK 다운로드
  • GA는 일반 사용자들에게 공개해도 될만큼 개발이 된 상태라는 뜻
  • 11버전중 아무거나 다운 받으면 되는데 필자는 11.0.2 windows를 다운받을것임.
• 통합개발 환경(IDE) : STS, IntelliJ
  • STS3 : Eclipse + Spring 플러그인
  • IntelliJ : 유료버전, 무료버전
    • 유료버전은 30일 무료
    • 무료버전은 spring을 제공 안해줌.
  • sts3.9.17버전 다운로드
  • IntelliJ Ultimate 다운로드
• 웹 서버 : Tomcat 9 다운로드 core zip 다운로드
• Java Spec
  • SE : Standand 일반
  • EE : Enterprise(대기업) 서버 (Tomcat은 EE를 준수함)
  • ME : Micro 소형기기, 스마트폰, ATM
• 웹 브라우저 : chrome
• 데이터 베이스 : MySQL 5.7
• 기타 : VS code, Git, AWS, Maven
  • VS code : html, css, js
  • Git : VCS 형상 유지 관리
    • https://github.com/castello/spring_basic
    • 강의 강사님 깃 주소
  • AWS : 배포
  • Maven :

VSC 설정

한국어팩 설치

• korean 검색 후 설치

prettier 설치

• code formating 해주는 도구

open in browser

• 작성한 파일을 브라우저에서 볼 수 있게 해주는 도구
• html 작성 중, alt + b 누르면 브라우저가 나옴.

indent-rainbow

• 들여쓰기를 보기 쉽게 색깔로 구분해주는 도구

auto rename tag

• 예를 들어 h1 태그를 h2로 바꾸고 싶다면 앞에것만 바꿔도 뒤에가 자동으로 바뀌게 해주는 도구

open JDK

설치 과정

• 설치한 jdk 파일을 압축 해제 후, c 드라이브로 옮기기

• 편의상 옮긴 폴더 이름을 jdk11로 바꾸기

• 시스템 환경 변수 편집

  • 환경 변수 클릭
  • 시스템 변수에 Path 편집
  • jdk11 경로 복사 후 뒤에 \bin 추가해서 집어넣기
  • 그리고 가장 위로 옮기기
  • 나와서 이번엔 편집 말고 시스템 변수 새로 만들기 클릭

  

  • 요런식으로 작성 후 확인

  

  • 버전 확인 후 잘 나오면 성공

Tomcat

설치 과정

• 압축 해제한 tomcat 폴더를 c 드라이브로 옮기기
• tomcat 안에 bin 폴더가 있는 경로 복사
• cmd 창에 cd 명령어로 해당 디렉토리로 이동
• startup 명령어를 쳐서 실행

• 새로운 cmd창이 뜨고 기존 cmd 창에 위의 그림처럼 나오면 설치 성공
• 한글 깨지는거 신경 쓰지 말기
• 이렇게 실행 시킨 상태에서 웹 브라우저에 localhost:8080 입력

• 해당 그림처럼 나오면 성공
• 톰캣은 기본적으로 8080포트 사용
• shutdown 명령어를 사용하면 서버 꺼짐

STS

설치 과정

• 압축 해제 후, sts-bundle 폴더 안에 있는 release 폴더를 c 드라이브로 옮기기
• 폴더 안에 있는 STS.exe 파일 실행

• 이런 화면이 떠야함.
• 안뜨면 환경 변수 설정이 잘못된것.

• 작업한 폴더가 저장되는 곳을 의미
• 밑에 클릭 후 설치

• 해당 창이 뜨는데 File 눌러서 New를 클릭하면 위의 그림처럼 뜬다.
• Spring Starter Project는 Spring Boot Project
• Spring Legacy Project는 Spring Project이다.
• 우리는 Legacy를 클릭한다.

• 위의 그림처럼 나오면, 이름은 아무거나 쓴다.
• 그리고 밑에 templates에 spring mvc templates이 나와야 하는데, 안나오는 경우가 있다.
• configure templates 클릭

• spring-data-gemfire, spring-integration 삭제
• 이렇게 하면 MVC templates이 생긴다는데, 지금은 무슨 이유로 안된다고 한다..
• 그래서 필자는 github download 폴더에 있는 ch2.zip을 다운 받아 압축 해제 후, open folder로 import했다.

• 이건 웹 애플리케이션이기 때문에 우리가 설치한 tomcat을 연결해줘야 한다.
• 클릭해서 들어가자.

• tomcat을 입력해서 우리가 설치한 9.0 버전을 클릭 후 next 눌르기.

• 그리고 우리가 설치한 tomcat의 폴더를 선택해준다.
• 마지막으로 finish 누르기

• 우리가 생성한 프로젝트 이름에 오른쪽 마우스 클릭 후, Run As -> Run On Server 클릭하기
• 이건 tomcat을 이용해 자동으로 만들어진 mvc 프로젝트를 실행하는 것.
• 버퍼에 대해 묻는 창이 뜨는데, remind me later 클릭

• 이렇게 실행 화면을 볼 수 있다.
• 밑에 로그를 보면 에러 메시지가 없고, Hello world라고 html 파일을 띄워준다.
• 내부 브라우저를 통해 보여주는 건데, 기능의 한계가 많으니 외부 브라우저를 사용하도록 하자.

• 위의 그림 가장 오른쪽에 돋보기 클릭
• web browser 입력

• preferences 클릭

• 외부 브라우저 클릭하고 chorme 클릭 하면 chrome으로 열리게 된다.

• 다시 실행해보면 chrome에서 열리는 것을 확인할 수 있다.