삐삐사전

AWS 오토스켈링 테스트 과부화주기

삐삐들의 주인 — Fri, 31 Mar 2023 15:38:05 +0900

인스턴스가 생성이 되면 해당 인스턴스의 IP로 ssh 접속을 합니다.

sudo amazon-linux-extras install epel -y

epel을 설치해 준 후 stress 테스트를 하면 됩니다.

만약 설치가 안되었다면 아래처럼 입력을 해주세요.

sudo install stress -y

stress 테스트는 아래처럼 입력하면 됩니다.

stress --cpu 2000 --timeout 60

60초 동안 2000대의 cpu를 넣어주었습니다.

원하는 시간으로 수정을 하면 됩니다.

저처럼 오토스케일링 설정에서 대상값을 20, 인스턴스 요구사항을 150으로 했으면 거의 10분 정도 지나면 인스턴스의 변동이 기록되기 시작합니다.

오토스케일링 생성 바로가기

만약 인스턴스가 생성이 되었는데 원하는 이미지가 뜨지 않는다면 시작 템플릿의 설정이 잘 되어있는지 확인하시면 됩니다.

AWS 오토스켈링 Auto Scaling 생성

삐삐들의 주인 — Fri, 31 Mar 2023 10:28:51 +0900

초반에 시작 템플릿 생성 해준 것을 등록해 줍니다.

시작 템플릿의 버전이 여러 개라면 해당되는 버전을 선택해 줍니다.

시작 템플릿 생성 바로가기

AWS 시작 템플릿 생성하기

기본으로 인스턴스를 생성해줍니다. 생성을 한 인스턴스에 업로드를 할 파일을 올려줍니다. 해당 인스턴스에서 우클릭을 하여 이미지를 생성합니다. 생성한 이미지는 왼쪽 이미지 폴더 > AMI 로

bbibbi.tistory.com

이후 다음버튼을 눌러 이동합니다.

가용 영영 서브넷은 2개 이상 선택해 줍니다.

저는 2a와 2c를 선택해 주었습니다.

다음 화면으로 넘어가면 로드 밸런싱을 연결해 주는 화면이 나옵니다.

생성을 했던 로드밸런서를 등록해 주면 됩니다.

하단에 추가 설정에서 지표 수집 활성화 버튼에 클릭해 주고 넘어갑니다.

다음 화면으로 넘어갑니다.

만약 해당 인스턴스에 과부하가 온다면 인스턴스를 몇 개까지 늘릴까 이런 문항입니다.

최대 용량은 원하는 만큼 늘려줍니다.

그 아래에 크기 조정 정책은 맞춰서 입력을 해주면 됩니다.

대상 값이 적을수록 빠르게 늘어납니다.

저는 빠른 반응을 확인하기 위해서 20 또는 25로 맞추고 인스턴스 요구 사항 또한 150으로 맞춰주었습니다.

AWS 로드밸런싱 생성

삐삐들의 주인 — Thu, 30 Mar 2023 15:20:56 +0900

ALB를 선택해줍니다.

윗 부분은 기본 설정으로 두고 여기서 매핑은 1개 이상을 설정합니다.

저는 2a와 2c를 주로 선택해주고 있습니다.

보안 그룹은 사용하는 보안 그룹이 있다면 선택해주세요.

아니면 맞춰서 등록해주면 됩니다.

생성을 했던 타겟 그룹을 선택해줍니다.

그리고 생성을 하면 됩니다.

대상 그룹 생성하는 방법 바로가기

AWS 대상 그룹 Target Group 생성

삐삐들의 주인 — Thu, 30 Mar 2023 10:14:37 +0900

로드 밸런싱 폴더 > 대상 그룹 폴더로 이동합니다.

대상 그룹 생성 버튼을 클릭하여 생성 화면으로 이동합니다.

특별하게 건들 것 없이 타겟 그룹 명을 입력한 후 생성을 합니다.

저는 nginx 를 사용하고 있기 때문에 hralth checks 에 경로를 따로 넣어주지 않았습니다.

경우에 따라서 수정을 해줘야 하는 경우는 수정이 필요합니다.

다음 버튼을 누르면 인스턴스를 등록하라고 뜹니다.

AMI를 활용하여 생성한 인스턴스를 등록해줍니다.

Review Targets 에 인스턴스가 떠야 정상적으로 진행이 된겁니다.

이후 create target group 을 눌러줍니다.

처음 생성을 하면 None associated 라고 뜹니다.

로드 밸런싱이 연결되기 전 까지는 할당된 인스턴스 또한 unused 로 뜹니다.

만약 로드 밸런싱을 연결한 후 unhealthy가 뜬다면

AMI로 생성한 인스턴스가 정상적으로 실행되는지 확인해보세요.

AWS 시작 템플릿 생성하기

삐삐들의 주인 — Wed, 29 Mar 2023 14:06:52 +0900

기본으로 인스턴스를 생성해줍니다.

생성을 한 인스턴스에 업로드를 할 파일을 올려줍니다.

해당 인스턴스에서 우클릭을 하여 이미지를 생성합니다.

생성한 이미지는 왼쪽 이미지 폴더 > AMI 로 들어갑니다.

AMI는 상태가 사용 가능하기 전 까지 시간이 한참 걸리니 해놓고 다른 작업을 하면 됩니다.

상태가 사용 가능으로 변경이 되면 AMI로 인스턴스를 시작해도 되고 시작 템플릿을 생성해도 됩니다.

저의 최종 목표는 오토스케일링이기 때문에 인스턴스를 생성을 해놓고 시작 템플릿을 만들기로 하였습니다.

버튼은 우측 상단에 AMI로 인스턴스 시작 이라고 적혀있습니다.

-시작템플릿 생성

좌측 인스턴스 폴더 > 시작 템플릿 이라는 항목으로 이동 후 시작 템플릿 생성 버튼을 눌러 생성하는 창으로 이동합니다.

이름이나 설명은 작성을 해주고..

이 부분에서 생성을 했던 AMI를 찾아서 연결을 해줍니다.

인스턴스 유형, 키 페어 등 모두 설정을 해주고 생성 버튼을 눌러줍니다.

시작 템플릿은 특별한 작업 없이 생성이 완료됩니다.

[Java] 알고리즘 재귀함수 하노이탑

삐삐들의 주인 — Sat, 11 Feb 2023 10:52:23 +0900

package HanoiExample;

public class Hanoi {
	
	

	public static void main(String[] args) {
		
		hanotFun("A", "B", "C", 4);
		

	}

	public static void hanotFun(String start, String pass, String end, int num) {
		//시작지점 start  지나가는 곳 pass 마지막 모이는 곳 end 4개를 옮기겠다

		if(num == 1) { 
               //1혼자 남았을 때는 바로 끝으로 옮긴다
			System.out.printf(num + ":%s -> %s\n", start, end);
			
		} else { 
			hanotFun(start, end, pass, num -1);
			System.out.printf(num + ":%s -> %s\n", start, end);
			hanotFun(pass,start ,end  ,num -1);
			
		}
		
		
	}
}

결과

num = 1일때 움직임이 일어나고 1이 아닐때는 같은 함수를 또 실행한다

그렇게 1이 나올 때 까지 들어갔다가 1을 만나면 1을 출력한다

else의 첫 함수가 참이 되고 2가 출력 된다 그러고 다시 1로 가서 위치가 바뀌면서 새로 출력된다

참이 될 때 까지 함수는 계속 안으로 들어가면서 실행이 되고

참이 되면 해당 함수를 빠져나오고 다음줄을 실행한다

재귀함수 꼭 기억하자

[Python] 파이썬으로 소수 출력하기

삐삐들의 주인 — Fri, 10 Feb 2023 16:50:38 +0900

def myPnum (n):


    my_num = [2,3,5]

    for i in range(0, 100):
       if i%2 != 0 and i%3 != 0 and i%5!=0 and i != 1:
            my_num.append(i)
            
    if n <= 0:
        print('wrong number')
    else:
        print(my_num[0:n])
                


    print('몇개의 소수를 출력할까요?')

2, 3, 5를 어떻게 넣어야 할지 모르겠어서 처음부터 리스트로 따로 만듬

my_num에 100 이하 소수를 넣어준 후 그다음 if문으로 원하는 만큼 출력 한다

Vue | vue-chart-3 사용하기

삐삐들의 주인 — Sat, 4 Feb 2023 10:42:48 +0900

Chart.js 만을 사용해서 차트를 사용 해보려고 했는데

뜨기는 하는데 update가 안되서 한참 고민을 하다가 결국에 vue-chart-3으로 바꿨습니다.

update 도 간단하게 되고 좋네요.

설치

yarn add vue-chart-3 chart.js

이미 chart.js 가 깔린 경우는 깔지 않아도됩니다.

표 삽입 방법

<template>
  <LineChart ref="doughnutRef" :chartData="testData" />
</template>

template 을 작성 해줍니다.

import { defineComponent } from 'vue';
import { DoughnutChart } from 'vue-chart-3';
import { Chart, registerables } from "chart.js";

Chart.register(...registerables);

export default defineComponent({
  name: 'Home',
  components: { DoughnutChart },
  setup() {
    const testData = {
      labels: ['Paris', 'Nîmes', 'Toulon', 'Perpignan', 'Autre'],
      datasets: [
        {
          data: [30, 40, 60, 70, 5],
          backgroundColor: ['#77CEFF', '#0079AF', '#123E6B', '#97B0C4', '#A5C8ED'],
        },
      ],
    };

    return { testData };
  },
});

스크립트 쪽에 이렇게 삽입해주시면 됩니다.

이 부분은 예시로 나와있기 때문에 예시를 참고하셔도 됩니다.

아마 설치만 제대로 되었다면 여기서 표는 정상적으로 나올 것입니다.

문제는 update 를 했을때 바로 적용이 되어야 한다는 부분입니다.

<button @click="updateData">버튼</button>

템플릿에 해당 부분을 추가해줍니다.

setup() {
    const data = ref([30, 40, 60, 70, 5]);
    const doughnutRef = ref();

    const options = ref({
      responsive: true,
      plugins: {
        legend: {
          position: 'top',
        },
        title: {
          display: true,
          text: 'Chart.js Doughnut Chart',
        },
      },
    });

    const testData = computed(() => ({
      labels: ['Paris', 'Nîmes', 'Toulon', 'Perpignan', 'Autre'],
      datasets: [
        {
          data: data.value,
          backgroundColor: ['#77CEFF', '#0079AF', '#123E6B', '#97B0C4', '#A5C8ED'],
        },
      ],
    }));

    function updateData() {
      //어떠한 작업 
      // data.value = ??? 
    }

    return { testData, updateData, doughnutRef, options };
  },

setup() 부분을 변경해줬습니다.

const data = ref([30, 40, 60, 70, 5]);

이건 기존에 setup함수 내부에 있는 testData 의 data 부분을 분리한거라고 보시면 됩니다.

만약 데이터를 분리한다면 data와 동일한 방법으로 분리해주시면 됩니다.

ref 안에 data의 값을 넣어준 경우 이는 data.value 로 접근이 됩니다.

클릭을 했을 때 수정이 되게 하려면 updateData 의 함수 부분만 바꿔주면 됩니다.

클릭 함수명을 바꿔도 제일 아랫줄의 return 부분의 함수명만 제대로 바꿔주면 정상동작 합니다.

혹시나 저처럼 모르실 분을 위해

표 상단에

이건 범례라고 한다네요.

   const options = ref({
      responsive: true,
      plugins: {
        legend: {
          display : false,
        },

      },
    });

이렇게 추가해주면 사라집니다.

https://vue-chart-3.netlify.app/

vue-chart-3

A simple wrapper around Chart.js 3 for Vue 2 & 3

vue-chart-3.netlify.app

해당 링크에서 참고를 하면 됩니다.

Vue | Chart.js 를 활용하여 차트 넣기

삐삐들의 주인 — Fri, 3 Feb 2023 11:31:03 +0900

저는 YARN 을 사용하고 있기 때문에 yarn 으로 설치를 해줬습니다.

yarn add vue-chartjs chart.js

차트를 띄우려고 하는 vue 파일에 적용하면 됩니다.

<template>
  <Bar
    id="my-chart-id"
    :options="chartOptions"
    :data="chartData"
  />
</template>

template 에는 필요한 부분을

Bar 형태의 차트 기준입니다.

import { Bar } from 'vue-chartjs'

import { Chart as ChartJS, Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale } from 'chart.js'

ChartJS.register(Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale)

그 이후에 차트에 대한 정보를 넣어줍니다.

  data() {
    return {
      chartData: {
        labels: [
          'January', 'February', 'March'
        ],
        datasets: [
          {
            label : "일별",
            backgroundColor : "#8cc4ff",
            data: [40, 20, 12]
          }
        ]
      },
      chartOptions: {
        responsive: true
      }
    }
  },

그럼 이런 형태의 차트가 출력됩니다.

참고 사이트

https://vue-chartjs.org/examples/

Examples | vue-chartjs

vue-chartjs.org

그 외에 다양한 차트들이 있으니

예시를 보고 원하는 형태를 적용하면 됩니다.

JAVA | 배열 정렬하기

삐삐들의 주인 — Tue, 31 Jan 2023 10:34:09 +0900

package FirstPackage;

import java.util.Arrays;
import java.util.Scanner;

public class Date1005 {

	public static double[] num1 = new double[10];
	public static double[][] m = new double[3][3];

	public static void main(String[] args) {
		System.out.println("start");
		Scanner scanner = new Scanner(System.in);

		for (int i = 1; i < 10; i++) {
			double num = scanner.nextDouble();
			num1[i] = num;
			SortRow(m);
		}

		System.out.println("the row sorted array is:");
		sortedRow();

	}

	public static double[][] SortRow(double[][] m) {
		int count = 1;
		for (int i = 0; i < m.length; i++) {
			for (int j = 0; j < m.length; j++) {
				m[i][j] = num1[count];
				count++;
			}

		}
		return m;
	}

	public static void sortedRow() {

		for (int i = 0; i < m.length; i++) {
			Arrays.sort(m[i]);
		}

		System.out.println(m[0][0] + " " + m[0][1] + " " + m[0][2]);
		System.out.println("----------------");
		System.out.println(m[1][0] + " " + m[1][1] + " " + m[1][2]);
		System.out.println("----------------");
		System.out.println(m[2][0] + " " + m[2][1] + " " + m[2][2]);

		System.out.println("end");

	}

}

m[i] 끼리 정렬을 해야 하는 문제였다.

num[i]에 스캐너로 입력한 걸 저정하게 되니 SortRow메소드에서 값을 옮겨 저장할 때 마지막 숫자만 저장되서 count++를 해주었다.

배열이 [3][3]으로 저장된게 아니라는 가정 하에 코드를 짰다면 arraylist를 써야 했을까 하는 생각도 든다