1. STS4 웹 개발 환경 셋팅
mac 기준
sts4 키면 런처가 켜지는데 Browse..클릭 후 원하는 폴더에 프로젝트명 폴더 생성.
윈도우의 경우에는 c드라이브에 workspace 폴더 생성 후 그 폴더에 springbootwork 폴더를 생성.
나는 폴더명을 springbootwork_sns로 잡았다.
launch 버튼 클릭해서 실행시켜주자.
잠깐! 깔고 바로 보면은
웹개발용인 javascript를 지원을 안해주고 있다.
예전에 STS3 까진 지원을 해줬는데 최근 개발 환경의 트랜드가 spring 서버만 개발하고, 프론은 리액트나 다른걸로 개발하는 추세라고 한다.
1.1 STS4 JavaEE 플러그인 설치( Jsp 웹 개발 환경)
Help > Eclipse Marketplace 클릭
eclipse web 검색 후 사진 이미지에 보이는걸로 install 해주자
기본 셋팅으로 설치해주고 껏다 다시 키면
이제는 jsp도 javaScript도 잘뜬다.
이제 웹 개발을 위한 plug in 설치 완료가 되었다
1.2 STS4 Javascript 파일 인식 설정
MacOS 유저 windows OS 유저
좌측 상단에 SpringToolSuite4 클릭 > Settings.. 클릭
window > Preferences 클릭
캡쳐 사진에서는 이미 js 셋팅을 미리 해둬서 .js가 보인다. 원래 없는게 맞다.
General > Editors > FIle Associations 클릭 후 오른쪽에 Add버튼 클릭
*.js 치고 ok
등록된 *.js 클릭 후 하단에 Generic Text Editor 클릭 후 우측 하단에 Default 눌러주면 이제 자바스크립트 파일로 인식.
Apply and Close 눌러주고 창 끄기.
1.3 STS4 폰트 및 인코딩 설정
MacOS 유저 windows OS 유저
좌측 상단에 SpringToolSuite4 클릭 > Settings.. 클릭
window > Preferences 클릭
font 검색 후 Colors and Fonts 클릭 후
Basic 에서 하단에 있는 Text Font 더블 클릭
쿠키런 폰트로 14사이즈로 이용하면 가독성 짱.
^ 여기서 다운받으면 된다.
1.4 STS4 인코딩 설정
MacOS 유저 windows OS 유저
좌측 상단에 SpringToolSuite4 클릭 > Settings.. 클릭
window > Preferences 클릭
enc 검색 후
macOS 유저는 사실 이미 되어있어서 해줄필요가없다.
windows OS는
Workspcace 에서 UTF-8로 변경
-CSS Files
-HTML Files
-JSP Files
-XML Files
4개 다 encoding 을 UTF-8로 변경해주자.
1.5 STS4 Lombok 플러그인 설치
구글에 프로젝트 롬복을 검색
다운로드 하면은 lombok.jar를 준다.
STS4가 켜져있으면 롬복 설치가 안되기때문에 잠깐 STS4를 꺼주자.
-windows OS 유저
lombok.jar 우클릭 후 Git Bash 클릭
java -jar lombok.jar
Bash
복사
으로 타이핑.
install 클릭
-Mac OS 유저
나는 다운로드 폴더에 롬복 파일을 받았기 때문에, 다운로드 폴더로 이동해준다음에 설치해줬다
cd downloads
Bash
복사
java -jar lombok.jar
Bash
복사
난 이미 STS4로 설치해서 현재 안뜨는데 이클립스 밑에 초록색아이콘으로 뜸.
그거 체크해서 install 후 끄기.