Search

1. 프로젝트 환경설정

1. Git 설치 (형상관리 툴)

맥이면 macOS / 윈도우면 Windows 로 다운
혹시 mac 사용자라면 homebrew를 통해 더 쉽게 설치해보자.
MacOS homebrew(홈브류) 설치
<head> <style> @media (min-width: 1400px) { .notion-scroller { position: static !important; } .notion-scroller-options { display: none; } .notion-frame { position: relative !important; } .notion-table_of_contents-block { position: absolute !important; max-width: 250px; height: calc(100% - 660px); top: 660px !important; transform: translateX(calc((var(--page-max-width) + 250px - 96px) / 2)); } .notion-table_of_contents-block div { background-image: none !important; white-space: normal !important; } .notion-table_of_contents-block > div { position: sticky !important; padding-left: 10px; top: 60px; border-left: 3px solid rgba(256, 0, 0, 0.1); } .css-1fssah9{ position: absolute !important; max-width: 250px; height: calc(100% - 660px); top: 660px !important; transform: translateX(-18rem); } .css-1fssah9 div { background-image: none !important; white-space: normal !important; } .css-1fssah9 > div { position: sticky !important; padding-left: 10px; top: 60px; } } @media (max-width: 1400px) { .notion-table_of_contents-block { display: none; } .css-1fssah9 { display: none; } } </style> <script> let ele = document.querySelector(".notion-page-content") let headers = ele.querySelectorAll("h2, h3, h4") let content = document.querySelector(".notion-table_of_contents-block > div"); function useIndex() { let index = 0; return function (newIndex) { if (newIndex !== undefined) index = newIndex; return index; }; } let indexContext = useIndex(); let callback = (entries, observer) => { if (!headers && !content) return; headers.forEach((header, index) => { if (header === entries[0].target && entries[0].isIntersecting) { indexContext(index); } else { content.childNodes[index].style.color = ""; } }); content.childNodes[indexContext()].style.color = "red"; } let observer = new IntersectionObserver(callback, { threshold: [1] // If 50% of the element is in the screen, can count it }); headers.forEach(d => { observer.observe(d); }) </script> </head>
설치 후 exe파일 실행시켜서 그냥 기본으로 계속 next 해서 설치해주자.
Git Bash 클릭하면 터미널처럼 창이 뜬다
형상관리 하고 싶은 폴더 위치가서 우클릭 후 Git Bash를 통해 형상 관리를 해주면 된다.

2. 자바, STS설치

2.1 JDK11설치 및 환경변수 설정

구글에 jdk11 download 라고 친다
mac은 빨간색 / 윈도우는 노랑색으로 설치
오라클 사이트 로그인 후 다운로드 진행 (만약 mac일 경우 homebrew로 설치하면 로그인을 안해도 된다. 편리)
bin 폴더에 들어가면 자바를 실행 할 수 있는 파일(java.exe)과
코드를 입력하면 컴파일 해줄수있는 파일(javac.exe)이 들어있다.
그래서 이 bin폴더의 위치를 JAVA_HOME 으로 환경변수로 지정해줄거다.
환경변수를 해주는 이유 ?
> 자바를 처음 설치 했을 경우 해당 버전의 자바를 가지고 있을거다 (ex)11 버전)
기존의 자바를 사용했던 분들을 JDK8, JDK11, JDK 15 ~ 등등 해당 여러개의 버전이 있을거고
그 중에서 우리는 우리가 쓸 버전만 쓰겠다 라고 JAVA_HOME으로 환경변수를 지정해주면 된다.
내 PC 우클릭 > 속성 > 밑으로 내리면 고급 시스템 설정 클릭 > 환경변수 > 시스템 변수 쪽의 새로 만들기 클릭
이러면 이제 기본적으로 11버전으로 잡히게 된다
이제 컴파일을 하거나 자바를 실행할려면 bin 폴더 안의 실행파일이 필요하기 때문에 bin폴더도 path로 잡아주자
Path 더블 클릭 > 새로만들기 > %JAVA_HOME%\bin 로 입력

2.2 STS4 설치

구글에 sts4 download 검색
윈도우 노랑색 클릭 / mac 은 주황색 클릭
다운로드 후
해당 폴더에서 우클릭 후 Git Bash 클릭
java -jar sp
Bash
복사
까지만 치고 tap 누르면 알아서 자동 완성 해준다
엔터 치면 설치 진행
설치 완료

*참고