Skip to content
This repository has been archived by the owner on Aug 28, 2024. It is now read-only.

hackersground-kr/hg-ABCD-team

Repository files navigation

ABCD - 우리동네

해커그라운드 해커톤에 참여하는 ABCD 팀의 우리동네입니다.

참고 문서

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

제품/서비스 소개

제품/서비스 소개 보기

오픈 소스 라이센스

오픈소스 라이센스 보기

설치 방법

아래 제공하는 설치 방법을 통해 심사위원단이 여러분의 제품/서비스를 실제 Microsoft 애저 클라우드에 배포하고 설치할 수 있어야 합니다. 만약 아래 설치 방법대로 따라해서 배포 및 설치가 되지 않을 경우 본선에 진출할 수 없습니다.

  1. 깃허브에서 코드를 zip 파일로 다운받은뒤 압축 해제 합니다. 스크린샷 2024-08-26 235554 ※ 다운받은 ZIP 파일은 대부분 파일 탐색기의 '다운로드' 폴더에 저장됩니다 스크린샷 2024-08-27 000149

스크린샷 2024-08-26 235829

  1. https://nodejs.org/en 사이트에 접속하여 'Download Node.js LTS' 버튼을 눌러 node.js msi 파일을 다운한다.

SADdsa

1-1. .msi 파일을 실행해 Node.js를 설치한다.

※ 되도록이면 Next로 빠르게 넘어가자 스크린샷 2024-08-27 000432

스크린샷 2024-08-27 000816

2.Visual Studio Code를 키고, Ctrl + Shift + ` 커맨드를 입력해 터미널을 가져옵니다.

스크린샷 2024-08-27 003419

사전 준비 사항

Azure 구독이 되어져 있는 계정 >> 구독은 Visa, MasterCard, American Express로 가능함 Azure CLI, Azure Powershell >> 리소스 관리를 위해 필요하고, az login 명령어로 콘솔에서 Azure에 접근 Visual Studio Code Github 계정 >> Visual Studio Code에서 콘솔로 배포할 때 Github 계정을 사용함 node.js package 파일 및 프로젝트 파일 Docker Desktop Git

시작하기

  1. 다운받은 압축된 코드 파일 풀기

스크린샷 2024-08-27 002250

스크린샷 2024-08-27 002442

0-1. 압축이 풀린 파일 안 같은 이름의 파일 꺼내기

스크린샷 2024-08-27 002605

스크린샷 2024-08-27 002756 ※이런 파일들이 보인다면 성공~

0-2. Visual Studio Code를 실행하고, 왼쪽 위의 파일(File)을 클릭.

스크린샷 2024-08-27 001545

0-3. 폴더 열기... 클릭 후 압축이 풀린 코드 폴더 선택하기 스크린샷 2024-08-27 001904

스크린샷 2024-08-27 003024

스크린샷 2024-08-27 003110 ※ Visual Studio Code 파일 탐색기에서 이런 파일들이 보인다면 성공~

  1. Ctrl + Shift + ` 키를 눌러 터미널을 실행시킴.

스크린샷 2024-08-27 003419

  1. az login 실행 후, MS 계정 로그인 스크린샷 2024-08-27 004016

스크린샷 2024-08-27 004146

※간혹 로그인이 되지 않을 때가 있는데, 이는 tenant 오류. 위의 노란색 글씨의 warning 글씨 중 'tenant '...'' 를 복사해 ```az login --tenant ...``` 실행
![스크린샷 2024-08-27 004318](https://github.com/user-attachments/assets/ba3f977b-eda2-42fe-8925-24fc2d5ae2a9)
![스크린샷 2024-08-27 004432](https://github.com/user-attachments/assets/3c16cf7d-f590-4872-9564-53610550846c)
  1. 터미널에 azd auth login 실행 후, MS 계정 로그인 스크린샷 2024-08-27 004755

  2. 터미널 창 오른쪽 위 + 옆 아래화살표를 눌러 Git Bash 선택

스크린샷 2024-08-27 013741

  1. GITHUB_TOKEN= gh auth login 실행 후

스크린샷 2024-08-27 013935

Github.com HTTPS Yes Login with a browser 순으로 실행

스크린샷 2024-08-27 014100

이후 나오는 8자리 코드 숙지 후 Enter 입력 브라우저에서 깃허브 로그인, 8자리 코드 입력

스크린샷 2024-08-27 014328

스크린샷 2024-08-27 014617

스크린샷 2024-08-27 015329

5-1. Git Bash 터미널을 다시 Powershell 터미널로 바꾸기 스크린샷 2024-08-27 022218

  1. azd init 입력 후 초기설정 완료하기

※ 대부분 첫번째 걸로 Enter 누르면 됨 스크린샷 2024-08-27 020107

스크린샷 2024-08-27 020203

  1. select environment... 창이 뜰 때, 미리 있던 Azure 리소스 그룹 이름 넣기

※'rg-'는 이미 할당되어 있기 때문에 생략할 것

스크린샷 2024-08-27 020309

Visual Studio Code 왼쪽 파일 탐색기에서 .yaml 파일, .env 파일이 보인다면 8. azd up 실행 후 깔려있던 Docker Desktop 실행

스크린샷 2024-08-27 020716

Endpoint가 나오면 배포 끝 ~

image

About

No description, website, or topics provided.

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •