디자인 하고픈 개발자 study & posting blog.

시작에 앞서, 이 기능을 위해 지금까지의 웹 페이지를 만들었습니다.

게임 도중, 무엇을 찍어야 할지, 무엇을 찍었는지 기억나지 않는 저 자신을 위해 제작한 기능입니다.

※ 업데이트 사항

1. 기능 오픈 : 2023.03.23
2. UI 및 일부 기능 수정 : 2023.04.12

더보기

게시글의 상세페이지 좌측 상단에 보시면, 'Play Mod' 버튼을 클릭하시면 페이지로 이동 하실 수 있습니다.

1. 장비
   • 해당 게시글에 등록된 추천 장비 정보를 클릭할 경우, 사라집니다.
   • 해당 게시글에 추천 장비 정보가 하나도 없을 경우, '*장비 자유롭게 선택'이 뜨며 이것을 클릭할 경우 마찬가지로 사라집니다.
2. 스킬 특성
   • 해당 게시글에 등록된 추천 스킬 특성 정보를 클릭할 경우, 사라집니다
   • 해당 게시글에 추천 스킬 특성 정보가 하나도 없을 경우, '*특성 자유롭게 선택'이 뜨며 이것을 클릭할 경우 마찬가지로 사라집니다.
3. 마스터 스킬
   • 해당 게시글에 등록된 추천 마스터 스킬 정보를 클릭할 경우, 사라집니다
   • 해당 게시글에 추천 마스터 스킬 정보가 하나도 없을 경우, '*M. 자유롭게 선택'이 뜨며 이것을 클릭할 경우 마찬가지로 사라집니다.
4. 추가 사항
   • 해당 게시글에 추천하는 스킬이 없을 경우, '*스킬 자유롭게 선택'이 뜨며 이것을 클릭할 경우 사라집니다.
   • 몬스터의 장비, 스킬(특성, 마스터) 정보가 다 사라질 경우, 해당 몬스터 정보도 사라집니다.

---

아래로 스크롤을 내릴 경우, 위 사진과 같이 표시된 버튼들이 보여집니다.

1. 상단 메뉴
   • 플레이 모드에서 하단으로 스크롤시, 상단에 표시됨
2. 스쿼드 구성 몬스터
   • 해당 게시글에 추천하는 몬스터가 나열되어 보입니다.
   • 몬스터를 클릭할 경우, 해당 위치로 이동합니다.
   • 몬스터의 장비, 스킬 정보를 다 클릭할 경우, 메뉴에서 사라짐
3. 일반 장비
   • 해당 게시글에 추천하는 조합 장비를 위한 일반 장비 개수를 표시
   • 일반 장비 클릭시, 위 숫자가 줄어듬

페이지 링크 : http://ds.lazeturtle.net/

※ 해당 글은 작성자 참고용으로 작성된 글입니다.

※ 인스턴스 생성 후 가능합니다.

https://lazeturtle.tistory.com/34

※ VS Code를 연동 후 하는 것을 추천드립니다.

https://lazeturtle.tistory.com/36

1. EC2 내 Golang 기본 세팅

1) root 계정으로 변경

sudo -s

2) 업데이트

yum update -y

3) Golang 설치

sudo yum install -y golang

4) go 환경 변수 설정

export GOROOT=/usr/lib/golang
export GOPATH=$HOME/(작업 공간)
export PATH=$PATH:$GOROOT/bin

(환경변수 지정 전에 작업 공간에 대한 폴더를 미리 만들어 두세요)

(Linux 폴더 생성 명령어 : mkdir (폴더명))

5) go 버전 확인

go version

위 이미지처럼 나온다면 설치 성공

2. Golang 테스트

1) main.go 파일 생성

(별도 디렉토리에서 생성하는 것을 추천드려요 - 디렉토리 생성 명령어 : mkdir (디렉토리명))

(파일 및 디렉토리 생성시, root 권한으로 할 경우, 나중에 번거롭습니다.)

touch main.go

2) AWS 연동된 VS Code에서 main.go 열기 및 코드 작성

package main

import (
	"fmt"
	"log"
	"net/http"
)

func HomeEndpoint(w http.ResponseWriter, r *http.Request) {
	fmt.Fprintln(w, "Hello world & Hello lazeturtle :)")
}

func main() {
	http.HandleFunc("/", HomeEndpoint)
	if err := http.ListenAndServe(":3000", nil); err != nil {
		log.Fatal(err)
	}
}

3) main.go 파일 실행

go run main.go

4) 페이지 테스트

URL : (EC2 인스턴스 퍼블릭 IPv4 DNS):3000

실행이 안될 경우,

원인 1. URL에 포트 번호 미입력

URL에 퍼블릭 IPv4 DNS 만 입력 하고 뒤에 :3000 (Port)를 입력하지 않을 경우,

페이지가 보여지지 않을 수 있음

원인 2. 인바운드 규칙을 설정하지 않은 경우,

해당 코드는 Port(:3000) 에 대한 페이지를 보여주는데, 인바운드 규칙에 그런 부분이 없을 경우,

페이지가 보여지지 않을 수 있음

그렇기에 인바운드 규칙을 별도로 추가해야만 함!

※ 해당 글은 작성자 참고용으로 작성된 글 입니다.

인스턴스 생성 후 진행 가능

https://lazeturtle.tistory.com/34

위 진행을 통해 다운 받은 키페어(.pem)을 C:\Users\(User이름)\.ssh에 복붙

AWS & VS Code 연동

1) VS Code 프로그램 열기

2) Ctrl + Shift + X 를 통해 'Remote - SSH' 검색

3) 'Remote - SSH' 다운로드

4) 좌측 아이콘 중 Remote Explorer 선택 -> 톱니모양 버튼(Open SSH Config File) 선택

5) 첫번째 줄(\.ssh\config) 선택

6) 내용 입력

Host aws
  HostName (EC2 인스턴스 퍼블릭 IPv4 주소 또는 IPv4 DNS)
  User (사용자 이름 - 초기 상태인 경우, 'ec2-user')
  IdentityFile ~/.ssh/(키페어 파일명).pem
  ForwardAgent yes

7) 연결(Connect in Current Window...) --> 연결 성공시, 초록색 아이콘 표시 

※ 해당 글은 작성자 참고용으로 작성된 글입니다.

1. 인스턴스 구축

대시보드 - '인스턴스 시작' 버튼 선택

이름 : 인스턴스 이름(프로젝트명)

OS : Linux

키 페어 : IAM을 통해 미리 등록한 사용자 키 페어

그 외에 기본 설정 그대로 진행 및 '인스턴스 시작' 버튼 선택

인스턴스 상태가 '대기 중'에서 '실행 중'으로 바뀔 때까지 기다림

상태가 변경된 경우, 새로 생성된 '인스턴스 ID' 선택

생성 완료된 인스턴스 확인

2. AWS & Putty 연동

Putty 및 Puttygen 다운 / AWS IAM pem 미리 다운로드 후 진행

Puttygen 실행 - 'Load' 버튼 선택

1) 파일 확장자를 All Files(*.*)로 변경

2) 미리 다운 받은 .pem(키 페어) 열기

정상적으로 열릴 경우, 뜨는 창

사용할 암호 입력 후 'Save private key' 버튼 선택

(별도의 디렉터리에 저장)

(인스턴스 세부 정보를 같이 띄워놓고 하시는 것을 추천드려요)

1) Host Name : 인스턴스 퍼블릭 IPv4 주소 또는 DNS

2) Port : 보안 그룹을 통해 지정한 포트 번호 입력

3) SSH 지정

1) 우측 메뉴 Connection > Auth > Credentials 선택

2) Private key file for authentication > Browse. 선택

3) Puttygen 저장한 .ppk 파일 등록

4) 우측 하단 'Open' 버튼 선택

'Accept' 버튼 선택

login as : 인스턴스 사용자 이름(초기 상태인 경우 'ec2-user' 입력

imported-openssh-key : Puttygen에서 입력한 비밀번호 입력