이번 해커톤 옷 나쁘지않네 - sodam

해커그라운드 해커톤에 참여하는 이번 해커톤 옷 나쁘지않네 팀의 sodam입니다.

참고 문서

아래 두 링크는 해커톤에서 앱을 개발하면서 참고할 만한 문서들입니다. 이 문서들에서 언급한 서비스 이외에도 더 많은 서비스들이 PaaS, SaaS, 서버리스 형태로 제공되니 참고하세요.

• 순한맛
• 매운맛

제품/서비스 소개

제품/서비스 소개 보기

오픈 소스 라이센스

오픈소스 라이센스 보기

설치 방법

�Azure 배포 - Azure Container Apps

Java와 SpringBoot를 통해 개발한 애플리케이션을 Azure Developer CLI를 이용해 Azure Container Apps로 배포해 보겠습니다.

IntelliJ IDEA 환경과 Mac m2에서 작업하는 것을 기준으로 합니다.

사전준비

1. IntelliJ IDEA설치하기(설치되지 않으셨다면 아래를 참고해주세요) IntelliJ 사이트에 들어가주세요. 저신의 운영체제에 맞는 파일을 설치해주세요 계속해서 다음을 눌러주세요 위 사진의 화면이 나오면 path를 추가해주신 이후 다음을 눌러주세요 설치를 눌러주세요 지금 재부팅을 선택해주시고 마침을 눌러주세요

2. 자바 이것 설지하기(맥북은 다음 코드로 들어가주세요: https://www.java.com/ko/download/apple.jsp ) 자바 다운로드를 클릭해주세요 설치를 클릭해주세요

3. Docker 이것 설치하기 자신의 운영체제에 맞는 도커를 설치해주세요 둘 다 체크하고 ok를 눌러주세요 설치가 완료되면 close 해주세요

4. 회원가입 및 로그인이 필요하다면 로그인과 회원가입을 해 주세요.(독커실행도 무조건 하셔야 합니다!)

따라하기

1. 빈 폴더를 배경화면에 생성해 주세요

   

2. 우클릭을하여 제일 및 서비스를 클릭하여 새로운 터미널을 열어주세요(iTerm이 없다면 새로운 터미널 열기를 해 주세요)

   

3. 터미널에 아래의 코드를 작성해 주세요

   git clone https://github.com/hackersground-kr/hg-good-tshirt.git

4. 폴더 안에 생성이 된 것을 확인하세요

   

5. intelliJ를 키세요

   

6. Open을 클릭하고 방금 클론한 파일을 열어주세요

   

7. 이 창이 뜬다면 파란색 버튼을 클릭하세요

   

8. 좌측 하단에 있는 터미널창을 열어주세요

   

9. 상단에 있는 열기를 클릭

   

10-1. 원하는 프로젝트를 쭉 타고 들어가 build.gradle을 클릭

10-2. 파란색 버튼 클릭 및 새로운창에서 열기 클릭

11. 브랜치를 변경합니다 (아래코드를 실행해 주세요)

    git switch master ./gradlew build root.build.libs 안에 jar파일이 생성되었는지 확인한다.(SNAPSHOT.jar가 아님!!) 만약 없다면 코드를 재실행하거나 ```./gradlew clean build``를 입력하며 생성될때까지 한댜

오늘쪽의 코끼리 모양을 누르고 Task -> build 로 이동 후 clean과 build를 각각 실행시켜보는것도 시도해 본다.

13. 윈도우인 경우 winget install microsoft.azd 맥북인 경우 curl -fsSL https://aka.ms/install-azd.sh | bash password창엔 컴퓨터 비밀번호 눌러주세요

14. azd auth login 명령어 실행하여 Azure로그인해 주세요

15. 아래의 코드를 따라합니다

    azd init -e good-tshirt

16. 이런 문구가 뜬다면 엔터를 누르세요

    

17. 그 다음 y를 작성후 엔터를 눌러 주세요

    

18. 방향키를 통해 JAVA로 이동하여 엔터를 눌러주세요

    

19. 이런 문구가 뜨면 tab을 눌러주세요

    

20. 이동하지 않고 엔터

    

21. 이런게 뜨면 그냥 엔터쳐 주세요

    

22. 또 엔터쳐 주세요

    

23. SUCCESS: Your app is ready for the cloud! 가 뜨면 성공!

    

24. azd up 명령어 실행

25. 엔터 누르기

    

26. 또 엔터 누르기

    

27. 터미널창에 아래 코드를 입력합니다.

    git init git add . git commit -m "Initial commit

28. 개인 깃허브 프로필에 들어가 레포지토리 클릭 후 new를 클릭합니다.

    

29. 이름을 sodam으로 지정 후 아래로 스크롤하여 레포지토리 생성버튼을 클릭합니다.

    

30. 그림에 https://github.com/GayeongKimm/sodam.git 로 해당하는 부분을 복사해 주세요(앞의 링크가 아닌 사진에 위치한 여러분의 링크를 복사하란 뜻 입니다.)

    

31. 아래코드를 차례대로 입력해 주세요 git remote remove origin git remote add origin {아까 복사한 주소} git push origin main

32. 푸시가 될때까지 잠깐기다리세요

33. azure로 돌아와 azure SQL에 접속하여 만들기를 클릭합니다.

    
34. 

리소스 그룹에서 rd-good-tshirt를 선택후 이름과 위치를 사진과 같이 합니다.

아래로 스크롤하여 사진과 같이 설정 후 비밀번호는 원하는걸로 설정한다(꼭 기억하기!)

만들기를 한다.

리소스로 이동을 하여 연결 문자열을 선택한다.

JDBC로 이동하여 빨간 부분을 복사한다.

아까전 생성한 github 레포지토리로 이동하여 settings로 이동한다.

아래로 스크롤하여 Secrets and variables부분을 클릭하시고 actions를 클릭해주세요.

초록버튼 클릭

아까 설정한 정보들을 아래와 같이 넣는다. 비밀번호는 설정한 비밀번호로 넣어줘야 한다.

intelliJ로 돌아와 아래코드를 실행한다. azd pipeline config

이제 마지막이다. Actions 클릭후 제일 최근의 workflow를 클릭한다

re-run-allJobs를 클릭한다.

기다리시다 초록불이 뜨면 액션성공이다.

1. 깃허브에 로그인한 이후 https://github.com/ahapwhs0414/SODAM_WEB_V1 을 Fork해주세요

2. 에져 ( https://portal.azure.com/#home )에 들어가신 후 백엔드가 배포되어있는 리포지터리(https://portal.azure.com/#@hackersground.kr/resource/subscriptions/bfa39d86-1058-4824-8074-e9d283d6c321/resourceGroups/rg-good-tshirt/overview)에 들어가주세요

3. 리포지터리에서 만들기를 눌러주세요

4. 마켓 플레이스에서 정적 웹앱을 눌러주세요

5. 만들기를 눌러주세요

6. 구독과 리소스 그룹은 건드리지 않고 이름을 sodamf로 입력해주세요

7. Github 계정을 자신의 깃허브 계정으로 로그인해주세요

8. 1번에서 Fork한 조직을 선택하신 이후 리포지토리에서 SODAM_WEB_V1을 선택해주세요

9. 검토 + 만들기를 눌러주세요.

10. 만들기를 눌러주세요

11. 배포가 완료되면 sodamf 리소스로 이동해주세요

12. 리소스에서 Github 작업 실행을 눌러주세요.

13. 액션이 완료되었다면 프론트엔드 배포 끝입니다!