STS에 Ajax 사용가능하도록 환경 세팅하기

Daily-Log·2024년 3월 12일
0
post-thumbnail

들어가기 전에 Tip 2가지!

STS) 열심히 내 로컬 환경에선 preference 속성들을 입맛대로 세팅했는데 다른 워크스페이스를 가면 다시하는게 귀찮아

이걸 프로젝트 가져올 때 import하는 것처럼 preference 파일을 import하면 단시간에 세팅이 가능하다!
단, 경로설정을 해줘야하는 경우는 다시 맞춰주긴해야하지만..
그래도 몇개만 그렇고 나머진 쉽게 할 수 있음!

STS에서 File -> Export ->General -> Preferences -> Export all ->.epf 파일 생성

만들어진 .epf 파일

이 파일을 새로운 workspace에서 import -> 자동으로 STS가 재시작되며 모든 설정을 가져옴


캡처) 화면 캡처할 때 예쁘게 하는게 힘들어

캡처도구를 자주쓰고 있었는데 미친 옵션을 하나 발견했음!
늘 창 크기에 맞게 예쁘게 캡처하는게 힘들었는데 이미 지원중이었다!
캡처 도구 그는 신이야..
캡처 도구에 창 캡처 지원하는거 나만 이제 알았나




이제 세팅하자

sts를 열어보면 이 화면이 대부분일건데
sts 기본화면

웹 개발을 위해선 Java Project가 아닌 Dynamic Web Project를 만들어야 해서 우리의 최종 목표는 해당 프로젝트를 생성할 수 있는 환경을 만드는 것임
Dynamic Web Project 로고

그러기 위해선 우측상단의 메뉴바가 아래와 같이 바뀌어야됨

JavaSE 대신 JavaEE를 가져와야 함

비교Java(SE)Java EE
특징가장 대중적인 자바 플랫폼으로 흔히 자바 언어라고하는 대부분의 패키지가 포함됨Java EE 플랫폼은 Java SE 플랫폼을 기반으로 그 위에 탑재
패키지ex) java.utilex) javax.annotation

그러면 환경 설정 시작하자!



0. apache tomcate download

본인 환경에 맞게 선택해서 설치하자
나는 윈도우 64bit를 쓰기 때문에 아래와 같이 설치했음
Apache Tomcat 10 설치 사이트

설치 후 편한 위치에 압축을 풀자

나중에 tomcat 연결해줘야하니까 위치 기억해두기




1. BellSoft Liberica JDK

아래와 같이 jre가 아닌 LibericaJDK로 설정을 바꿀거임
jre(default) 선택을 Liberica 선택으로 바꾼 화면

Add를 누른 후에 아래의 과정을 따라가가고, LibericaJDK로 선택해주면 됨
Liberica JDK 설정 방법

비교jre (default)Liberica JDK
특징Java Runtime enviroment, 즉 자바 실행 환경.
JVM 이 자바프로그램을 실행시킬 때 반드시 필요한 라이브러리 및 기타 필수 파일을 가지고 있음
BellSoft에서 만든 오픈소스 OpenJDK.



근데 왜 Spring Boot 웹프로젝트를 할 때 Liberica JDK를 쓰나??

찾아보다가 토비의 스프링 저자인 이일민님의 글을 보게되어 남겨두겠음
Toby Lee님의 Liberica 에 대한 경험
아직 완전히 깨닫진 못했지만 Spring Boot에 최적화된 JDK가 아닐까 정도로 이해했음
쓰면서 장점을 찾아보면 알수있을련지..?




2. Tomcat 연결하기

0번 과정에서 tomcat 설치를 마쳤을테니, 그 위치를 add로 넣어주면 된다
설치한 Tomcat 버전에 맞게 세팅하자

  • Window -> Preference -> Server -> Runtime Environment
    로컬에 설치한 Tomcat을 STS에 연결하기




3. Eclipse web 2번째 (Dynamic Project)

  • Help -> Eclipse Marketplace... -> eclipse web 검색 -> 2번째 항목 install
    Eclipse Marketplace 화면
    음.. 근데 이미 설치해버려서 다른 워크스페이스를 설정해도 그대로다😢
    지금 설치 삭제하고 하는 것도 나쁘진 않지만 다음에 설치할 일 있으면 기록하겠음
    지금 기억하기론 다 기본설정으로 했었던 것 같음




4. Java EE 환경 선택하기

우측상단? 무슨 메뉴바라 불러야할진 모르겠지만..;;
해당 속성을 추가하면 단 한번의 클릭으로 환경을 바꿀 수 있음!

우측상단 메뉴바로 Java EE 환경 선택하기



세팅 끝

아래와 같이 Dynamic Web Project를 선택할 수 있으면 환경설정은 끝이난다!
Dynamic Web Project 선택 가능해짐

profile
대충 뭐든 먹어요

0개의 댓글

관련 채용 정보