jdk, sts4, sts3 add-ons, tomcat, git, github, db4free 등의 설치 및 가입
(이전에 만들어 놓은 블로그가 있었는데 그 내용을 tistory로 옮겨왔다.)
1. jdk 설치
https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html
위의 사이트에서 본인의 운영체제에 맞는 파일을 다운로드 한다.
나는 jdk1.8.0_271.jdk라 되어있는 것을 설치하였다.
2. 환경변수 설정
Mac OS에서 jdk를 다운로드하면 기본적으로 /Library/Java/JavaVirtualMachines 에 다운로드 된다. 아래 사이트 참고.
참고 사이트 : https://whitepaek.tistory.com/8
위의 과정을 통해 jdk가 설치된 디렉토리를 확인한 후, 터미널 창에서 다음 명령어를 통해 해당 디렉토리로 이동한다.
이동하면 아래와 같은 명령어를 통해 bash_profile을 열어준다.
i를 눌러 편집모드로 바꾼 뒤,
export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_271.jdk/Contents/Home
export PATH=${PATH}:$JAVA_HOME/bin
을 입력하고 저장하고 나간다.
그리고 위와 같은 명령어를 실행한다. 이제 설정이 끝났다.
확인하려면 위와 같은 명령어를 입력했을 때, JDK의 경로가 출력되면 올바르게 PATH 설정이 된 것이다.
또 javac -version나 Java -version을 입력하면 본인이 설치한 버전이 나오게 된다.
참고 사이트 : https://whitepaek.tistory.com/28
3. STS4 설치
본인의 운영체제에 맞는 것을 설치
4. Maven 설치
현재 설치한 STS4 버전에는 Maven이 자동으로 깔려있으나 그렇지 않은 경우에는 따로 설치해주도록 한다.
5. Tomcat 설치
https://tomcat.apache.org/download-90.cgi
위의 사이트에서 톰캣을 설치해준다. 맥의 경우에는 tar.gz 파일을 다운받으면 되고, 나는 9.0.41버전을 설치하였다.
sudo mkdir -p /usr/local
sudo mv ~/Desktop/<압축해제한 폴더명> /usr/local
sudo rm -f ~/Library/Tomcat
sudo ln -s /usr/local/<압축해제한 폴더명> /Library/Tomcat
sudo chown -R <맥북 user id> /Library/Tomcat
sudo chmod +x /Library/Tomcat/bin/*.sh
를 차례대로 터미널 창에 입력해준다.
sudo /Library/Tomcat/bin/startup.sh 를 실행해서 브라우저에서 http://localhost:8080을 입력해서 화면이 나오면 설치가 된 것이다. 톰캣 서버를 종료하려면
sudo /Library/Tomcat/bin/shutdown.sh 를 실행하면 된다.
참고 사이트 : https://velog.io/@max9106/Mac-apache-tomcat%ED%86%B0%EC%BA%A3-%EC%84%A4%EC%B9%98-l0k4zt4f3c
6. STS3 add-ons 설치
STS4의 Help에서 Eclipse Marketplace에 들어간다.
제일 위에 뜬 아이를 설치해준다.
7. 새 프로젝트 만들기
File-New-Other을 눌러준다.
Dynamic Web Project를 찾아준다. 만약 이 때, 안나온다면 제일 하단의 참고사이트에서 참고하도록 한다.
프로젝트 입력을 해주고, 피니쉬 해준다.
이 때, Target Runtime이 비어있다면, 오른쪽의 New Runtime을 눌러서 본인이 다운받은 Tomcat 버전을 선택하고, 톰캣이 다운되어있는 디렉토리를 선택해주면 된다.
8. 메이븐 프로젝트로 변경
나는 이미 메이븐 프로젝트로 변경한 뒤라 없지만, Configure에 보면 원래 Convert to Maven Project라는 것이 있을 것이다. 그것을 선택하면 된다.
Maven 프로젝트로 바꿔주면 위와 같은 파일이 생기게 된다. 현재 프로젝트에 설치된 정보들이 다 나와있다. 필요시 여기에 라이브러리 설정할 수 있다.
9. GitHub랑 연결
1) 깃허브 가서 로그인하고 repository 새로 만들기. 이 때, 리드미 등 아무것도 설정하지 말고 빈 것으로 만들기.
2) 아래의 주소 복사.
3) STS4 상단 Window에서 Show View의 Other 누르기. Git Repositories 선택하고 Open.
4) 하단에서 Clone a Git repository 선택.
5) 하단에 자기 계정 넣고, next, next, finish.
6) 하단보면 바뀐 것을 확인할 수 있다. 워킹 트리 옆에 현재 작업하는 폴더.
7) 우클릭하고, Team, Share Project 선택.
8) 만든 폴더 찾아서 연결.
9) 보면 다 바뀌어 있는 것을 확인할 수 있다.
10) 터미널에서 확인
10. Git Ignore
넣지 않아될 파일 제거. 우리는 .java만 관리하면 된다. .class 필요 없음.
본인이 사용하고 있는 것들 입력하고 생성 누르면 아래와 같이 코드 나온다.
위와 같이 저장. 이 때, .으로 시작하는 파일은 숨겨지게 된다.
터미널에서 다음과 같이 입력해서 txt를 떼준다.
이렇게 된 것을 확인할 수 있다.
git status 해보면 파일 추가된 것 볼 수 있다. 잘렸지만 gitignore랑 워킹트리폴더이다.
11. Git 사용해서 원격에 올리기
1) Commit : Team-Commit 해서 변경된 파일 추가해서 commit message하고 commit하면 된다.
2) Push : 마찬가지로 하면 된다.
둘 다 터미널에서 처리해도 상관 없음.
12. jsp 파일 만들기
webContent-New - JSP File
파일 이름 입력해주면 아래같이 나온다.
run on server. 톰캣에서 돌려야 하기 때문에.
이런 창 나오면 넥스트 눌러준다.
finish 눌러준다.
이렇게 작동 되는 것을 볼 수 있다.
<정리>
참고 사이트
https://dreamingdreamer.tistory.com/132
다 설치 했는데도 Dynamic Web Project가 뜨지 않을 때 : https://ishween1999.medium.com/dynamic-web-project-missing-in-eclipse-ide-42d72c350f21
'WEB' 카테고리의 다른 글
[React] /bin/sh: react-scripts: command not found 에러 해결 (+ react-scripts란?) (0) | 2022.01.12 |
---|---|
[React] Module not found: Can't resolve 에러 해결 방법 (0) | 2022.01.12 |
[STS4] Dynamic Web Project가 없을 때 (0) | 2021.08.05 |
[WEB] 웹 개발을 위한 SQL 기본 정리 (0) | 2021.07.25 |
[JS] JS Tutorial (0) | 2021.07.14 |