angela_.log

[자바스크립트] 콜백함수 개념

Fri, 12 Dec 2025 16:15:16 GMT

콜백함수는 만들어놓은 함수를 나중에 부를 수 있는 함수를 "콜백"이라고 하는건데 좀 더 정확히는 "다른함수에게넘겨주고, 그 함수가 나중에 실행하는 함수"를 콜백함수라고 한다.

function later(fn){
    fn();
}

later(()=> console.log("Hello");

함수를 인자로 넘기고 다른함수가 later실행

later(  () => console.log("Hello"))

이 전체 함수가 later의 첫 번째 파라미터 자리에 들어감

fn = () => console.log("Hello")

fn은 전달된 화살표 함수를 가리키는 변수!

 function later(fn) {                       │
│     fn();   ← ★ later가 콜백을 “부르는 부분" │
│ }                                          │
└────────────────────────────────────────────┘
             ▲
             │  콜백 함수 전달
             │
              \ 
               \
                \
           () => console.log("Hello")
           ↑    ↑
  이것은 later가 아님!
  단지 later에게 ‘값으로 전달된 함수’

[Render] 스프링부트 배포하기(jsp, war)

Fri, 10 Oct 2025 14:57:40 GMT

포트폴리오를 준비하다가 리액트는 vel? 배포를 쉽게 할 수 있는데 스프링부트는 무료배포가 없다고 알고있다가 render를 알게되서 적용해보기로 했다!

그런데 내가 작업한 뷰가 jsp로 작업을 했는데

"Spring Boot에서 JSP를 쓸 경우, 내장 Tomcat의 리소스 처리 방식이 제한되어서 jar보다 war로 패키징하는 게 일반적"

Render는 “JAR 실행형” 서버처럼 작동하는데, Tomcat 같은 서버 컨테이너를 직접 배포하지는 못해요.

그래서 war 파일을 빌드해서도 Render에서 직접 배포는 불가능 (단독 Tomcat 서버를 Render가 띄워주지 않음)

그래서 Docker로 감싸야 함

[Render 서버]
    ⤷ [Docker 컨테이너]
        ⤷ Tomcat 설치됨
        ⤷ 내 war 배포됨 (/usr/local/tomcat/webapps/ROOT.war)

도커파일이 필요한 이유

Render의 “native build”는 jar 실행만 지원하기 때문에, JSP 프로젝트는 반드시 Dockerfile로 수동 배포해야 해요.

이부분을 모르고 있다가 검색하고 지피티한테 물어보면서 알게됨 로컬에서는 가능해서 처음엔 너무 당황했지만..! 배포하면서 많이배웠음 ㅎㅎ

공통

Render 계정 준비

https://render.com 접속 → GitHub 계정으로 로그인

https://render.com접속 → GitHub 계정으로 회원가입후 Get started free 클릭

"New +" → "Web Service" 선택

Connect GitHub

👉 연결 후 Blog_JPA 레포지토리 선택

GitHub 연결

GitHub 연동 허용 → 배포할 리포지토리 선택

Render가 자동으로 build.gradle 또는 pom.xml을 감지함 (Maven/Gradle 프로젝트 둘 다 가능)

배포 설정

Name my-spring-app 서비스 이름 Region Singapore or Oregon 가까운 리전 선택 Branch main 배포할 브랜치 Build Command ./mvnw clean package -DskipTests

⚠️ Maven일 때 Start Command java -jar target/*.jar 실행 명령어 Environment Docker or Native 대부분은 Native로 가능

⚠️ Gradle일 경우 Build Command → ./gradlew build -x test Start Command → java -jar build/libs/*.jar

포트 설정

Spring Boot 기본 포트는 8080인데, Render에서는 환경 변수 PORT 를 사용해야 해서

application.properties에 아래 한 줄 추가

server.port=${PORT:8080}

환경 변수 설정 (DB 등)

Render의 "Environment" 탭에서 환경변수를 추가할 수 있어. 예를 들어:

Key Value SPRING_PROFILES_ACTIVE prod DB_URL jdbc:mysql://... DB_USERNAME root DB_PASSWORD mypassword

application.properties

spring.datasource.driver-class-name=org.postgresql.Driver
spring.datasource.url=${DB_URL}
spring.datasource.username=${DB_USERNAME}
spring.datasource.password=${DB_PASSWORD}
spring.jpa.properties.hibernate.dialect=org.hibernate.dialect.PostgreSQLDialect

자동 배포

GitHub에 코드 푸시하면 Render가 자동으로 다시 배포해 줘. Logs 탭에서 배포 진행 상황과 오류 확인 가능.

만약에 실패했다면 아래 이미지처럼 로그에 내용이 나와서 왜 안되는지 체크하면된다.

성공 후 확인

Render가 배포되면 https://.onrender.com 주소가 생겨. 이 URL로 접속해서 앱이 잘 뜨는지 확인! 도메인이 https://blog-jpa.onrender.com부분으로 배포가 된게 확인되었다.!

[next.js] 레이아웃 페이지 만들기

Tue, 16 Sep 2025 13:39:13 GMT

Next.js app/layout.tsx는 모든 페이지에서 공통으로 쓰이는 레이아웃

layout.tsx

import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";

const geistSans = Geist({
  variable: "--font-geist-sans",
  subsets: ["latin"],
});

const geistMono = Geist_Mono({
  variable: "--font-geist-mono",
  subsets: ["latin"],
});

// function RootLayout() 함수이름이 컴포넌트이름
// {children} props로 들어오는 자식 컴포넌트
// return jsx를 반환
// TypeScript에서는 props 타입 정의 ({ children: React.ReactNode }) 가능
export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    
      
        {/* 헤더 */}
        
          
            SUJINJEONG PORTPOLIO
            
              
                홈
              
              
                About
              
              
                projects
              
              
                contact
              
            
          
        
        {/* 본문 (헤더 높이만큼 여백 줘야 함) */}
        {children}

        {/* 푸터 */}
        
          © 2025 내 사이트
        
      
    
  );
}

page.tsx

import Link from "next/link";

export default function Home() {
  return (
    
      안녕하세요, 제 포트폴리오입니다!
      
        Next.js + TailwindCSS로 만든 개인 사이트 🚀
      
      
        About
      
    
  );
}

app/about/page.tsx

export default function About() {
  return (
    
      About Me
      
        저는 프론트엔드 개발자 입문자입니다~~~✨
      
    
  );
}

이렇게 하고 디렉토리에서 http://localhost:3000/about 들어가면

화면이 이렇게 나온당! 그럼 헤더부분은 분리랑, 링크 Link넣어서 이동되는지 확인!

[next.js] 간단한 사이트 셋팅하기

Tue, 16 Sep 2025 00:58:09 GMT

npx create-next-app@latest my-portfolio 입력하면

Need to install the following packages:
create-next-app@15.5.3
Ok to proceed? (y) y  입력해주면 
아래에

✅ Would you like to use TypeScript? Yes 선택하면 TypeScript 기반의 Next.js 프로젝트 ✅ Which linter would you like to use? › - Use arrow-keys. Return to submit. ❯ ESLint << 선택 More comprehensive lint rules Biome None 그럼 Next.js + TypeScript + ESLint 환경이 세팅

✅ Would you like to use Tailwind CSS? … No / Yes ✅ Would you like your code inside a src/ directory? › No / Yes ✅ Would you like to use App Router? (recommended) › No / Yes App Router → Next.js 13 이후 기본 라우팅 방식 ✅ Would you like to use Turbopack? (recommended) › No / Yes Turbopack → Next.js 13에서 새롭게 도입된 빠른 번들러 ✅ Would you like to customize the import alias (@/* by default)? › No / Yes

옵션	추천 선택	이유
TypeScript	Yes	나중에 확장성, 타입 안정성
Linter	ESLint	코드 정리, 오류 예방
Tailwind CSS	Yes	빠른 디자인 구현
`src/` 폴더	No	작은 프로젝트라 루트로 충분
App Router	Yes	최신 Next.js 기능 활용
Turbopack	Yes	최신 번들러 경험, 속도 빠름
Import Alias	No	단순 구조라 필요 없음

http://localhost:3000 여기로 접속하면,

이렇게 나오면 Next.js 개발서버가 정상적으로 켜졌고, 셋팅은 잘된거같다!!!!

라운드로빈(RR)선점 스케줄러 계산

Sun, 20 Jul 2025 12:34:13 GMT

2025년 2회차에 나온 라운드로빈 계산을 다시 했는데 헷갈리는 부분이 생겼다.

프로세스	도착시간	실행시간
P1	0	5
P2	1	7
P3	3	4
타임슬라이스 2라고 한다면 계산식을 하는데

p1에 바로 도착해서 실행하고 2초간격이라면 1이 남는데 그런상태에 일단 p2가 실행되는거면 p3가 아니라 p1이 오는게 이해가 안됐거든.

찾아보니 라운드로빈만의 특징이고, "도착한 순서대로 순환 큐(Round Queue) 에 따라 돌아가기 때문"

스케줄링 방식 동작 방식 요약

FCFS (First Come First Served) 도착 순서대로, 한 프로세스 끝날 때까지 절대 안 바꿈
SJF (Shortest Job First) 도착한 것 중 실행시간 제일 짧은 것 먼저
라운드로빈 (RR) 도착한 순서대로 큐에 넣고, 타임퀀텀만큼 실행 → 남은 건 큐 뒤로

💡 핵심 포인트

p3가 도착했어도, 그 시점에서 큐에 먼저 들어와 있던 p1, p2가 앞선 순서이기 때문에 p1이 완전히 끝나지 않았더라도 다시 돌아올 차례가 되면 먼저 실행됨 라운드로빈은 도착 후 큐에 들어온 순서를 철저히 유지함 그래서 p3보다 먼저 들어온 p1이 먼저 실행되는 건 정상이고, 이건 라운드로빈이니까 그런 것이라는걸 알게됨

[스프링부트] 자동 주입[@RequiredArgsConstructor]과 명시적 생성자의 차이

Sat, 01 Feb 2025 16:34:43 GMT

마이페이지
사용자 UID: 
이메일:

부분을 할때

PrincipalDetails userDetails = (PrincipalDetails) authentication.getPrincipal();
System.out.println("📌 인증된 사용자 UID: " + userDetails.getUsername()); // 확인용


response.put("uid", userDetails.getUsername());
response.put("email", userDetails.getUserDto().getEmail());

getUserDto().getEmail()) 부분에서 사용자를 찾을 수 없다는 메시지가 나와서 확인해보니,PrincipalDetails 부분에서 ‼️ userDto을 초기화를 제대로 하지않아서 발생한 오류였음.

@RequiredArgsConstructor는 모든 final 필드를 매개변수로 받는 생성자를 자동 생성해 줘. 문제는 userDto는 UserDto.fromEntity(user); 를 통해 변환해야 하는데, 자동 생성된 생성자는 이를 처리하지 못함! ❌

@RequiredArgsConstructor
public class PrincipalDetails implements UserDetails {

private final User user;  // User 엔티티를 직접 사용
    private final UserDto userDto; // ❌ @RequiredArgsConstructor로 해결되지 않음
}
    public PrincipalDetails(User user) { //직접 생성자 작성
        this.user=user;
        this.userDto=UserDto.fromEntity(user); // UserDto를 변환해서 초기화
    }

    }

이렇게 생성하고 다시 확인하면 제대로 userDetails.getUserDto().getEmail()); 제대로 출력됨!

[AWS] EKS 스냅샷 생성 및 장애 복구 방법

Wed, 22 Jan 2025 12:21:08 GMT

스냅샷(Snapshot) 은 현재 상태를 저장하여 나중에 해당 상태로 복원할 수 있는 일종의 백업 파일이다

환경설정

external-snapshotter CRD 다운로드 및 설치

curl -s -O https://raw.githubusercontent.com/kubernetes-csi/external-snapshotter/master/client/config/crd/snapshot.storage.k8s.io_volumesnapshots.yaml
curl -s -O https://raw.githubusercontent.com/kubernetes-csi/external-snapshotter/master/client/config/crd/snapshot.storage.k8s.io_volumesnapshotclasses.yaml
curl -s -O https://raw.githubusercontent.com/kubernetes-csi/external-snapshotter/master/client/config/crd/snapshot.storage.k8s.io_volumesnapshotcontents.yaml

kubectl apply -f snapshot.storage.k8s.io_volumesnapshots.yaml,snapshot.storage.k8s.io_volumesnapshotclasses.yaml,snapshot.storage.k8s.io_volumesnapshotcontents.yaml
kubectl get crd | grep snapshot

VolumeSnapshot 리소스를 사용하려면 먼저 Kubernetes 클러스터에 필요한 Custom Resource Definitions(CRDs)을 등록

volumesnapshots는 스냅샷을 생성하고 관리할 수 있게 해줍니다.
volumesnapshotclasses는 스냅샷 클래스(어떤 스토리지 시스템에서 스냅샷을 생성할지 설정)를 정의합니다.
volumesnapshotcontents는 스냅샷의 내용을 설명합니다.

Snapshot Controller 설치 및 배포

# rbac-snapshot-controller.yaml 파일을 다운로드
curl -s -O https://raw.githubusercontent.com/kubernetes-csi/external-snapshotter/master/deploy/kubernetes/snapshot-controller/rbac-snapshot-controller.yaml
# setup-snapshot-controller.yaml 파일 다운로드
curl -s -O https://raw.githubusercontent.com/kubernetes-csi/external-snapshotter/master/deploy/kubernetes/snapshot-controller/setup-snapshot-controller.yaml

# 두 개의 YAML 파일을 Kubernetes 클러스터에 적용하는 명령어
kubectl apply -f rbac-snapshot-controller.yaml,setup-snapshot-controller.yaml

# 배포 상태 확인
kubectl get deploy -n kube-system snapshot-controller

snapshot-controller가 실행되는 데 필요한 RBAC (Role-Based Access Control) 권한을 설정하는 데 사용
snapshot-controller를 배포하는 Kubernetes 매니페스트 파일

# VolumeSnapshotClass 생성
curl -s -O https://raw.githubusercontent.com/kubernetes-sigs/aws-ebs-csi-driver/master/examples/kubernetes/snapshot/manifests/classes/snapshotclass.yaml
kubectl apply -f snapshotclass.yaml
kubectl get vsclass

AWS EBS에서 스냅샷을 생성하기 위한 VolumeSnapshotClass 리소스의 YAML 파일을 다운로드
다운로드되는 파일은 snapshotclass.yaml로, 이 파일은 EBS에서 스냅샷을 관리하는 설정

EBS 볼륨의 Kubernetes 스냅샷 생성

apiVersion: snapshot.storage.k8s.io/v1
kind: VolumeSnapshot # EBS 볼륨의 스냅샷을 생성
metadata:
  name: ebs-volume-snapshot # VolumeSnapshot의 이름을 ebs-volume-snapshot
spec:
  volumeSnapshotClassName: csi-aws-vsc
  source:
    persistentVolumeClaimName: my-pvc-claim

스냅샷이 생성된걸 확인할 수 있다.

장애발생, 복구가능한지 테스트

만들었던 ebs-my-app[pod] 와 my-pvc-claim[pvc] 를 삭제 이름은 변경해서 지금 코드와 캡쳐본이 다름.!

🔖 볼륨이 삭제되는지는 ReclaimPolicy 설정에 따라 다른데. Retain: PVC를 삭제해도 EBS 볼륨은 삭제되지 않고 남아있다. Delete: PVC를 삭제하면 자동으로 EBS 볼륨도 삭제됨

❗️❗️ 동적 프로비저닝을 사용하면 Kubernetes가 PersistentVolume (PV) 리소스를 자동으로 생성되기 때문에, ReclaimPolicy가 기본값인 Delete로 설정된다. ❗️ ❗️

다시 pvc,pod를 생성해주면 볼륨이 다시 생긴다.! pvc 생성

apiVersion: v1
kind: PersistentVolumeClaim
metadata:
  name: ebs-snapshot-restored-claim
spec:
  storageClassName: my-storage-class 
  accessModes:
    - ReadWriteOnce
  resources:
    requests:
      storage: 4Gi
  dataSource:
    name: ebs-volume-snapshot # 복원할 스냅샷의 이름을 적어줘야함.
    kind: VolumeSnapshot
    apiGroup: snapshot.storage.k8s.io

pod생성

apiVersion: v1
kind: Pod
metadata:
  name: ebs-my-app
spec:
  containers:
  - name: app
    image: centos
    command: ["/bin/sh"]
    args: ["-c", "while true; do echo $(date -u) >> /data/out.txt; sleep 10; done"]
    volumeMounts:
    - name: persistent-storage
      mountPath: /data
  volumes:
  - name: persistent-storage
    persistentVolumeClaim:
      claimName: ebs-snapshot-restored-claim

[AWS] 동적 EBS 볼륨 프로비저닝을 구현(feat스냅샷)

Wed, 22 Jan 2025 01:35:18 GMT

Amazon EBS CSI Driver를 이용하여 동적 EBS 볼륨 프로비저닝을 구현

Volume Snapshot 기능을 설정 및 활용

Amazon EBS CSI Driver 설치 및 설정

aws-ebs-csi-driver 애드온을 설치하기 전 IRSA (IAM Roles for Service Accounts) 생성.
EBS 볼륨 드라이버를 클러스터에 설치한 후 kubectl 명령어로 구성 요소 및 배포 상태를 확인.
IRSA에 올바른 권한 (AmazonEBSCSIDriverPolicy)이 연결되었는지 재확인.

# IRSA 생성
eksctl create iamserviceaccount \
  --name ebs-csi-controller-sa \
  --namespace kube-system \
  --cluster ${CLUSTER_NAME} \
  --attach-policy-arn arn:aws:iam::aws:policy/service-role/AmazonEBSCSIDriverPolicy \
  --approve \
  --role-only \
  --role-name AmazonEKS_EBS_CSI_DriverRole

# IRSA 확인
eksctl get iamserviceaccount --cluster ${CLUSTER_NAME}


#  EBS CSI Driver 설치
eksctl create addon --name aws-ebs-csi-driver\ #설치할 애드온의 이름
 --cluster ${CLUSTER_NAME}\ #설치할 클러스터의 이름을 지정
 --service-account-role-arn arn:aws:iam::${ACCOUNT_ID}:role/AmazonEKS_EBS_CSI_DriverRole\ #EBS CSI Driver가 사용하는 IAM 역할 ARN을 지정
 --force #EBS CSI Driver가 설치된 경우에도 강제로 재설치를 수행

동적 프로비저닝

StorageClass를 정의하고, PVC를 통해 EBS 볼륨을 자동으로 생성 및 관리.

1.스토리지가 동적으로 프로비저닝 StorageClass

apiVersion: storage.k8s.io/v1
kind: StorageClass
metadata:
  name: my-storage-class
allowVolumeExpansion: true #pvc가 동적으로 생성한 ebs볼륨의 크기를 이후에 확장할수있다.
provisioner: ebs.csi.aws.com
volumeBindingMode: WaitForFirstConsumer # Pod 배치 후 프로비저닝
parameters:
  type: gp3 #EBS 볼륨 유형을 지정
  allowAutoIOPSPerGBIncrease: 'true' #IOPS 최적화 설정
  encrypted: 'true' # 생성되는 EBS 볼륨은 기본적으로 암호화

2.PVC(PersistentVolumeClaim) 생성

apiVersion: v1
kind: PersistentVolumeClaim
metadata:
  name: my-pvc-claim # PVC의 이름
spec:
  accessModes:
    - ReadWriteOnce # 단일 노드에서 읽기와 쓰기가 가능,AWS EBS 볼륨은 일반적으로 ReadWriteOnce 모드만 지원
  resources:
    requests:
      storage: 4Gi # 4GiB 크기의 스토리지를 요청
  storageClassName: my-storage-class # PVC가 참조할 StorageClass의 이름

3.Pod 생성 PVC를 사용하는 Pod를 정의. Pod가 실행될 때 PVC와 연결된 볼륨이 노드에 자동으로 마운트된다.

apiVersion: v1 # v1 버전의 API
kind: Pod #파일이 정의하는 리소스 종류
metadata:
  name: ebs-my-app # pod의 이름
spec:
  terminationGracePeriodSeconds: 3 #Pod가 종료될 때, 종료 신호를 받은 후 3초 동안 종료를 기다리도록 설정
  containers: # Pod 내에서 실행될 컨테이너에 대한 설정을 정의
  - name: app # 컨테이너의 이름
    image: centos # CentOS 이미지를 사용하여 컨테이너를 실행
    command: ["/bin/sh"] # 컨테이너가 실행될 때 실행할 명령어를 지정, 여기서는 shell로 지정
    args: ["-c", "while true; do echo $(date -u) >> /data/out.txt; sleep 10; done"] # 매 10초마다 UTC 시간(date -u)을 /data/out.txt 파일에 기록, Pod 내에서 마운트된 EBS 볼륨을 통해 저장
    volumeMounts: # 컨테이너에서 사용할 볼륨을 정의하는 부분
    - name: persistent-storage # 볼륨의 이름
      mountPath: /data #볼륨은 컨테이너 내에서 /data 경로에 마운트
  volumes: #스토리지(볼륨)를 정의하는 부분
  - name: persistent-storage
    persistentVolumeClaim:
      claimName: my-pvc-claim # PVC를 사용하여 Pod에 스토리지를 연결

이렇게하면 볼륨이 자동으로 생성 동적프로비저닝이 된다.

파일내용확인

kubectl exec ebs-my-app -- tail -f /data/out.txt

2025-01-22T10:15:25Z
2025-01-22T10:15:35Z
2025-01-22T10:15:45Z
...

[Kubenetes] 모니터링, 프로메테우스, 그라파나 설정하기

Tue, 14 Jan 2025 12:58:26 GMT

Kubernetes 환경에서 Prometheus 및 관련 모니터링을 하기위해 설정해야 할 것들

mkdir $HOME/advanced/monitoring/prometheus
cd $HOME/advanced/monitoring/prometheus
helm repo add prometheus-community https://prometheus-community.github.io/helm-charts
helm repo update
helm pull prometheus-community/kube-prometheus-stack

Helm 차트를 커스터마이징하고, Kubernetes 클러스터에서 Prometheus 기반 모니터링 스택을 설정하기 위한 전형적인 워크플로우

ls
tar xvfz kube-prometheus-stack-68.0.0.tgz 
# 이름을 버전도 함께 변경해준다.
mv kube-prometheus-stack kube-prometheus-stack-
68.0.0
# 해당디렉토리 이동
cd kube-prometheus-stack-68.0.0/
# values를 my-values로 복사해서 만들어주기
cp values.yaml my-values.yaml

vi my-values.yaml 에서 변경하고

vi my-values.yaml 
...
serviceMonitorSelector...: false

...
retentionSize: "1GiB"

kubectl get svc --namespace monitoring

네임스페이스로 검색하면 지금 TYPE이 kube-prometheus-stack-1736-alertmanager 이 NodePort로 되어있는데 이것이 ClusterIP 클러스터아이피로 되어야 하고, kube-prometheus-stack-1736-prometheus 이 ClusterIP 아니라 NodePort가 되어야한 다.

kubectl edit svc kube-prometheus-stack-1736-prometheus --namespace monitoring

type: NodePort로 변경 후 
:wq로 저장해주고 나온다.
나머지 kube-prometheus-stack-1736-alertmanager도 동일하게 해준다.

cd $HOME/advanced/monitoring/prometheus/kube-prometheus-stack-68.0.0
kubectl create namespace monitoring
kubectl get namespace
helm install --namespace monitoring --generate-name prometheus-community/kube-prometheus-stack -f my-values.yaml

# 조회하기
kubectl get all --namespace monitoring

# 1736836970 이건 각자 번호로 
kubectl port-forward --address 0.0.0.0 svc/kube-prometheus-stack-1736836970-prometheus-node-exporter 8080:9100 --namespace monitoring

마스터노드 포트포워딩 설정하기

외부접속확인! 127.0.0.1:8888

kubectl get svc --namespace monitoring
# 해당워커노드에서 확인해보기 
kubectl get pods -o wide -n monitoring

포트포워딩 :30539 접속확인하기, 워커노드1에 포트포워딩하기

Grafana 그라파나

프로메테우스가 시각화가 약하므로 그라파나와 함께 사용~!

mkdir $HOME/advanced/monitoring/prometheus
cd $HOME/advanced/monitoring/prometheus

kubectl get svc --namespace monitoring

kubectl get svc kube-prometheus-stack-1736836970-grafana --namespace monitoring -o yaml
kubectl patch svc kube-prometheus-stack-1736836970-grafana -n monitoring -o yaml -p '{"spec": {"type": "NodePort"}}'

kubectl get svc --namespace monitoring
kubectl get svc kube-prometheus-stack-1736836970-grafana --namespace monitoring -o yaml

포트포워딩 설정 127.0.0.1:31336 로 접속하면 로그인창이 나오는데

secret은 디코딩으로 되어있어서 인코딩으로 변경해주는 작업을 해야한다.

kubectl get secret kube-prometheus-stack-1736836970-grafana --namespace monitoring -o yaml
kubectl get secret kube-prometheus-stack-1736836970-grafana --namespace monitoring -o jsonpath="{.data.admin-user}" | base64 -d
kubectl get secret kube-prometheus-stack-

[Linux] 우분투 IP 확인과 포트 포워딩을 통한 네트워크 설정

Sat, 14 Dec 2024 07:35:53 GMT

ifconfig 명령어를 사용하면 가상 머신에서 네트워크 통신에 필요한 내부 IP 주소를 확인할 수 있다. 호스트(맥북)나 다른 기기에서 가상 머신으로 접근하려면 이 IP 주소를 알아야 하기 때문에, ifconfig를 통해 IP 주소를 확인하는 것이 중요하다.

ifconfig 를 하면 설치하라는 문구가 나오면, sudo apt update sudo apt install net-tools 설치하면 이렇게 나온다.

UTM에서 네트워크 설정

우분투를 정지를 한 상태에서만 실행이되서 멈추고 오른쪽 클릭을 하면 Edit로 들어가면 된다.

네트워크 탭에서 Network Mode를 'Emulated VLAN'을 설정하면 포트포워딩이라는게 나온다.

다시 네트워크로 들어가서 추가를 누르면 네트워크연결하는 주소랑 포트를 입력해주면 된다.

포트 포워딩을 설정하는 이유

호스트(맥북)와 가상머신(UTM) 간의 네트워크 연결을 구성해야 호스트에서 가상머신 내부의 서비스를 사용할 수 있기 때문에

위에서 확인한 ifconfig 주소

호스트(맥북) 루프백 IP 주소: 127.0.0.1
게스트(가상머신)에게 할당된 사설(유동)IP : 10.0.2.15

흐름

127.0.0.1:8081에 요청이 들어오면,
포트 포워딩 규칙에 따라, 요청이 10.0.2.15:8080으로 전달
10.0.2.15:8080에서 요청을 처리한 후, 응답을 다시 127.0.0.1:8081로 보내고,
호스트 시스템에서 로컬로 응답

[Linux] 맥북(M1)에서 우분투를 설치하고 Terminus로 연결 및 환경 설정하기

Sat, 14 Dec 2024 07:34:08 GMT

원격 연결을 위해서는 먼저 UTM을 통해 실행 중인 리눅스 가상머신을 켜고 해당 가상머신에 로그인을 해야한다 Terminus와 같은 도구를 사용하여 원격 접속이 가능

1. utm에서 리눅스 가상머신 실행

2. termius 다운로드

https://termius.com/ 접속후 google 가입을 하면 다운로드

설치해주면 된다.!

Terminus앱을 실행하면,

여기에서 9999포트는 utm에서 포트포워딩으로 설정한 포트를 적용해주면된다.

그럼 제대로 연결 성공 !

기본환경세팅

설치 예시 코드

필요한 환경 설정과 세팅

# 현재시간 확인
timedatectl
# timezone 확인
timedatectl list-timezones
# timezone
sudo timedatectl set-timezone Asia/Seoul

# tree 설치
sudo apt update
sudo apt install tree
# snap 패키지 관리자로 설치하기
sudo snap install tree

[Linux] 맥북(m1)에 가상화머신(UTM) 우분투 설치하기

Sat, 14 Dec 2024 04:35:31 GMT

UTM 설치 https://mac.getutm.app/

그다음엔 일단 iso라는 파일이 필요하다.!

Ubuntu 22.04.5 LTS 를 눌러 우분투 이미지파일(.iso)를 다운받는다.

https://cdimage.ubuntu.com/releases/22.04/release/

여기 탐색에 들어갈 파일이 아래에 다운받은 이미지파일(.iso)을 넣어줘야한다.

Contnue 눌러주면 된다. 용량은 알아서 설정하면될듯!

Contnue 눌러주면 된다. Contnue 눌러주면 된다. 이름은 Linux로 자동으로 되는데 여기서 설정을 직접해줘도 되고 나중에 변경해줘도 된다. 난 일단 기본으로 설정

가상머신이 생성이 되었다.!

실행버튼을 눌러주면 Try or Install Ubuntu Server 를 눌러주면 가상머신위에 우분투가 설치된다.

언어는 영어로 실행

Done 상태에서 엔터를 눌러주면 다음 넘어간다.

Done 상태에서 엔터를 눌러주면 다음 넘어간다. Done 상태에서 엔터를 눌러주면 다음 넘어간다. Done 상태에서 엔터를 눌러주면 다음 넘어간다. Done 상태에서 엔터를 눌러주면 다음 넘어간다. Done 상태에서 엔터를 눌러주면 다음 넘어간다.

Continue 상태에서 엔터를 눌러주면 다음 넘어간다.

여기에는 이제 접속할때 계정을 만들어주면 된다.

여기에서는 ssh를 설정할거라서 스페이스바를 눌러서 체크하고 넘어가야한다!

설치가 다되면 아래에 Reboot Now 를 선택해준다.

그런데 커서만 나오고 아무것도 나오질 않는다.

그럴땐 기존창을 끄고 나와서

초기화를 눌러줘야한다.

그리고 다시 시작하면 우분투 버전정보와 로그인창이 나오고

아까 지정한 계정을 입력해주면 우분투가 정상적으로 실행된다.

가상화머신에 우분투 설치완료!! !

🔖 참고용 iso버전이 맞지않는 경우 생기는 오류 이미지

버전이 안맞으면 -> 아래 그림처럼 오류가 생김!

[Linux] 우분투에서 Docker로 MySQL 컨테이너 실행 후, MySQL 연결 성공

Fri, 13 Dec 2024 14:08:17 GMT

우분투에서 Docker로 MySQL 실행 후 로컬 프로젝트 연결 성공, 이미지 문제 해결

우분투에 Docker를 설치하여 MySQL을 실행하고 이를 내 로컬 프로젝트에 연결하는 작업을 진행했으나, 처음에는 MySQL 연결에 실패했다ㅠㅠ 그 이유는 Docker 실행 시 기본 mysql:latest 이미지를 사용했기 때문.. 이 이미지는 내가 직접 빌드한 jeongsujin/mysql-server:v1 이미지와 호환되지 않아 연결되지 않았다. 😖

로컬 프로젝트에서 이를 연결하니 정상적

docker run --name mysql-server -p 3306:3306 \
--network app-network \
-e MYSQL_ROOT_PASSWORD=root \
-e MYSQL_DATABASE=app \
-e MYSQL_USER=app \
-e MYSQL_PASSWORD=app \
-d jeongsujin/mysql-server:v1

도커위에 올린 mysql 부분이 연결이 안됐는데 그 이유가 지금 -d jeongsujin/mysql-server:v1 마지막 옵션 부분에서 -d mysql:latest 기본 이미지를 사용했던 것이 문제의 원인. 내가 빌드한 이미지가 아닌 기본 mysql이미지를 연결하고 있었던 것.

[Spring JPA ] JPA동작방식 개념과 영속성 컨텍스트

Sat, 16 Nov 2024 12:56:21 GMT

구성 요소 설명

관계를 도식으로 표현

JPA (Java Persistence API)
  └─ EntityManagerFactory
       └─ EntityManager
            └─ Persistence Context (영속성 컨텍스트)

JPA (Java Persistence API)
- ORM(Object-Relational Mapping)을 위한 표준 스펙.
- 엔터티 관리와 데이터베이스 동기화를 위한 규칙 정의.
EntityManagerFactory
- 영속성 단위를 기반으로 EntityManager를 생성하는 팩토리 객체.
- 애플리케이션 전역에서 한 번만 생성.
- 데이터베이스 연결 설정 및 영속성 단위 정보 포함
- 영속성 컨텍스트를 생성할 수 있는 EntityManager를 생성하는 팩토리
- 애플리케이션 전체에서 한 번만 생성되며, 데이터베이스 연결 설정 및 영속성 단위의 정보를 포함.

EntityManager
- 영속성 컨텍스트(Persistence Context)를 직접 관리하는 객체.
- 엔터티 저장, 조회, 수정, 삭제와 같은 작업을 수행.
- 트랜잭션 범위에서 사용되며, 스레드에 안전하지 않음.
- Transaction 수행 후에는 반드시 EntityManager 를 닫는다.

Persistence Context (영속성 컨텍스트)
- 가장 중요한 용어
- 엔터티 객체를 관리하는 1차 캐시 역할.
- 엔터티의 상태(영속/준영속/비영속)를 추적.
- 데이터베이스와의 동기화를 책임지는 공간.

관계 정리

EntityManagerFactory는 EntityManager를 생성하는 팩토리.
EntityManager는 영속성 컨텍스트를 생성 및 관리.
영속성 컨텍스트는 엔터티 객체를 관리하며, 데이터베이스와 동기화.

Item item = new Item(); // 객체생성 비영속 상태, JPA영속성 컨텍스트와 연결되지 않음. 
item.setItemNm("테스트 상품"); //Item 객체의 속성(itemNm)에 값을 설정, 여전히 비영속 상태


/*
EntityManagerFactory를 사용하여 EntityManager 객체를 생성
EntityManagerFactory는 데이터베이스와의 연결을 설정하고 EntityManager를 생성하는 팩토리
EntityManager는 영속성 컨텍스트(Persistence Context)를 관리하는 역할
새롭게 생성된 EntityManager는 데이터베이스와의 작업을 관리
*/
EntityManager em = entityManagerFactory.createEntityManager();


/*
EntityTransaction 객체를 가져옴.
EntityTransaction은 데이터베이스 작업(삽입, 수정, 삭제)을 묶어서 처리하는 트랜잭션을 
시작하거나 커밋/롤백하는 역할
*/
EntityTransaction transation = em.getTransaction();

// 트랜잭션 시작, DB작업 실행 하기전에 준비
transation.begin(); 


//Item 객체를 영속성 컨텍스트에 등록
em.persiste(item); 

transation.commit(); // 트랜잭션을 DB에 반영

em.close(); // 엔티티매니저close()메서드를 호출해 사용한 자원을 반환
emf.close(); // 엔티티매니저팩토리의 close()메서드를 호출해 사용한 자원을 반환

엔티티의 생명주기 (Entity LifeCycle)

비영속(Transient) JPA의 영속성 컨텍스트와 완전히 연관되지 않은 상태 단순히 메모리 상에서만 존재하며, 데이터베이스와는 전혀 관련이 없다. new 키워드로 객체를 생성했을 때 비영속 상태

Item item = new Item(); // 비영속 상태
item.setItemNm("테스트 상품");

영속(Persistent) 영속성 컨텍스트에 의해 관리되는 상태

em.persist(item); // 영속 상태로 변경

준영속 상태 (Detached) 영속성 컨텍스트에서 관리가 더 이상 이루어지지 않는 상태 EntityManager.detach(), EntityManager.close(), EntityManager.clear() 호출되면 준영속 상태로 변경
삭제 상태 (Removed) 영속성 컨텍스트에 의해 관리되지만, 삭제가 예약된 상태 트랜잭션이 커밋되면 데이터베이스에서 삭제

em.remove(item); // 삭제 상태로 변경

생명주기 정리

상태	메서드 호출	상태 결과
비영속 (Transient)	`EntityManager.persist()`	영속 (Persistent)
영속 (Persistent)	`EntityManager.detach()`	준영속 (Detached)
영속 (Persistent)	`EntityManager.remove()`	삭제 (Removed)
준영속 (Detached)	`EntityManager.merge()`	영속 (Persistent)

[개념공부] 자바스크립트 함수

Wed, 02 Oct 2024 13:32:46 GMT

함수는 function 이라는 키워드를 사용해야하고, 함수이름을 적어준다.

선언적 함수

함수선언

function hello(){
// 함수를 호출했을때 실행하는 영역
console.log('hello1');
}
console.log(hello1, typeof hello1);
=> 표준내장객체 , 함수도 객체의 한 종류

매개변수 있는 함수

function hello2(name){
    console.log('hello2', name);
}

//매개변수는 hello2함수를 호출할때 값을 지정

함수의 리턴

return 키워드 사용

function hello3(name){
      //탬플릿 스트링 사용
    return `hello3 ${name}`;
}

// hello3 함수 호출
console.log(hello3('Angela'));

익명함수

익명함수를 만들어 변수에 할당하는 함수

함수선언

const hello1 = function(){
    console.log('hello1');
};

// 함수호출
console.log(hello1, typeof hello1);

차이점

호이스팅의차이점, 변수가 끌어올리는 현상,

익명함수를 호출할때 함수를 선언한 위치보다 먼저 호출이 되면, 함수가 뭔지는 알지만, 함수가 아니라고 판단해서 undefined 라고 나옴. (var로 변수로지정했을시) const로 변수로 지정시 not defined로 나오기 때문에, 선언하지 않은 변수로 생각해서 오류가 나기 때문에

자바스크립트 특성상 함수를 먼저 메모리에 올리기 때문에 선언전함수는 호이스팅문제는 없지만, 익명함수는 호이스팅문제가 있는 부분을 생각하고 코드를 짜야 한다.

특징	익명함수	선언된 함수
이름	이름이 없음	이름이 있음
호이스팅	호이스팅되지 않음 (선언 후에만 호출 가능)	호이스팅됨 (선언 전에 호출 가능)
용도	변수나 함수 인자로 사용, 콜백 함수로 자주 사용	재사용 가능한 일반 함수
가독성	이름이 없어 코드 가독성이 떨어질 수 있음	이름이 있어 코드 가독성이 높음

화살표 함수

es6새로추가된 기능,


// 화살표 함수 선언
const hello1 = () =>{
    console.log('hello');
}

// 함수의 매개변수, 매개변수가 하나일땐 ()괄호 생략가능
const hello2 = name =>{
    console.log('hello2', name);
};

// 매개변수가 1이상일땐 괄호 넣어야 함.
const hello3 = (name, age)=>{
    console.log('hello3', name, age);
};

// 함수의 리턴
const hello4 = name => {
    return `hello4 ${name}';
};

리턴
const hello5 = name => `hello5 ${name}`;

화살표 함수에는 생성자함수로 사용할 수 없다.

[개념공부] 비동기 객체 기본 개념

Sat, 28 Sep 2024 15:52:19 GMT

콜백함수 개념

콜백 함수는 다른 함수에 매개변수로 전달되는 함수이며, 특정 조건이 만족될 때 호출
콜백 함수는 다른 함수의 매개변수로 전달되어, 해당 함수 내부에서 호출되는 함수
일반적으로 비동기 작업이나 특정 이벤트가 발생할 때 실행

즉, 콜백함수는 함수1,함수2 있다고 가정 했을때 함수1 매개변수가 함수2 인자로 전달 될 때 실행되는 함수

function fetchData(callback) {
    setTimeout(() => {
        callback("Data loaded!");// 비동기 작업이 끝나면 콜백 함수 호출
    }, 1000);//1초 후에 작업수행
}

fetchData((data) => {
    console.log(data); // 1초 후 "Data loaded!" 출력
});

Promise

Promise는 es6부터 자바스크립트 내장객체로 추가 되었음. 생성자를 통해서 프로미스 객체를 만들 수 있고, 생성자의 인자로 executor 라는 함수를 이용 new Promise((resolve, reject) => { // 비동기 작업을 여기서 수행합니다. });

function fetchData() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve("Data loaded!");
        }, 1000);
    });
}

fetchData().then(data => {
    console.log(data); // 1초 후 "Data loaded!" 출력
}).catch(error => {
    console.error(error);
});

executor 함수

Promise 객체를 생성할 때 전달하는 함수로, 비동기 작업의 실행 로직을 정의하는 부분. 이 함수는 Promise가 생성될 때 즉시 실행되며, 두 개의 매개변수를 받는다: resolve와 reject. resolve와 reject 함수는 Promise 생성자 내부에서 자동으로 생성되어 executor 함수의 매개변수로 전달

executor 함수의 매개변수

resolve: 비동기 작업이 성공했을 때 호출하는 함수. Promise가 "fulfilled" 상태로 변경 reject: 비동기 작업이 실패했을 때 호출하는 함수. Promise가 "rejected" 상태로 변경

new Promise((resolve, reject)=>{}) // 이 상태는 pending(대기상태)

const promiseExam = new Promise((resovle, reject)=>{
    setTimeout(()=>{
        resolve(); // fulfilled 상태 
    },1000);
});

//콜백함수 (Promise가 이행된 후 발생 시 자동으로 호출되기 때문)
promiseExam.then()=>{
  console.log('1000ms 후에 fulfilled');
}

/*promiseExam 함수가 호출될 때, Promise객체가 만들어지면서 리턴되는
함수의 실행과, 동시에 프로미스 객체를 만들면서 pending이 시작하도록 하기 위해 
타이밍을 적절히 지정하기 위해서 사용

*/
function promiseExam(){
    return new Promise((resolve, reject) => {
    setTimeout(()=>{
          resolve();  
    }, 1000);    
  });
}

promiseExam().then( () => {
    console.log('1000ms 후에 fuifilled 됨');
});

값넣어서 값 출력하고싶을때, new Error로 넣으면 에러메시지 콘솔에 출력, resolve처럼 문자열도 가능


function promiseExam() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
              //resolve("성공완료 ! ")
            reject(new Error('실패'));// reject, 부분은 catch()로 이동 
        }, 1000);
    });
}

promiseExam().then((message) => {
    console.log('1000ms에 후에 fulfilled 됩니다.', message);
}).catch((error) => {
    console.log('1000ms에 후에 rejected 됩니다.', error);
}).finally(() => {
    console.log("end")
})

Async - Await

Promise는 객체이고, Async는 함수, 둘다 비동기 작업이랑 연관 되어있다. Promise를 더 직관적으로 다루기 위한 문법

async 키워드가 함수 앞에 붙으면 해당 함수는 항상 Promise를 반환하고, await 키워드를 통해 비동기 작업의 완료를 기다릴 수 있다.

async function fetchData() {
    return "Data loaded!";
}

async function getData() {
    try {
        const data = await fetchData();
        console.log(data); // "Data loaded!" 출력
    } catch (error) {
        console.error(error);
    }
}

getData();

[리액트] 환경설정,vite

Tue, 23 Jan 2024 14:23:06 GMT

TheUltimateReactJSCourse2024BasicstoAdvancedReact 프로젝트 온라인강의 보면서 정리글

node[npm install]를 설치 후 vscode에서 확장프로그램 설치

ES7 React/Redux/GraphQL/React-Native
Prettier - Code formatter
Ayu

2 way to create React application

create react app
vite [빌드도구]
create react app 은 First, we can use create, React app, or we can use White Create React app is the old and takes more time to create. 먼저 create, React app을 사용하거나 White Create React app을 사용할 수 있습니다. 오래되어 생성하는 데 시간이 더 걸립니다.
We will use white for creating the new React applications. 새 React 응용 프로그램을 만들기 위해 흰색을 사용합니다.

세팅

터미널 창에 npm create vite@latest project name: 여기에 프로젝트 이름 적고, 탭키로 리액트 선택하면 그다음은 자바스크립트 선택 여기에 first-application을 입력함

그리고 터미널창에 그 다음 실행할 명령어가 나온다.

cd 아까적은프로젝트경로로 이동하고 pwd로 확인
cd first-application
npm install
npm run dev

깃허브 푸쉬 오류 fatal:could not read Username for 'https://github.com': terminal prompts disabled

Tue, 23 Jan 2024 13:39:08 GMT

갑자기 잘되던 깃크라켄에서 모든 프로젝트가 푸쉬(push)가 안되는 에러발생 ..

토큰만료 한달전부터 푸쉬가 안되서 새로운토큰 발급받음

그래서 생각해보니 음..토큰?만료가 되는 시기인거 같은데 들어가보니 2024년2월20일까지던데.. 아직 남았는데 음.... 혹시나 하는 마음에 토큰을 생성했더니 됐다!

Generate new token 클릭 후 Generate new token(classic) 선택 후, note 이랑 Expiration , Select scopes에 repo만 설정하면 거의 됨.

토큰발급!

그리고 나는 mac os 사용해서 키체인에 토큰발급받은 비밀번호를 새로 넣어줬다.

그러고 다시 깃크라켄에 푸쉬했더니, 제대로 된다. !!!

[SpringBoot - 관리자페이지] 3. 회원가입 필요한 테이블 설정과 관리자계정 insert 시키기

Mon, 08 Jan 2024 13:36:04 GMT

MySql을 이용해서 사용

1.tb_member 테이블생성

일단 내가 넣고싶은 칼럼을 설정했다. 여기서 다 쓸수 있을진 모르겠지만 대략적으로 생성했다..ㅎ

create table tb_member(
member_id bigint(20) not null auto_increment comment '회원번호 (PK)',
login_id varchar(200) not null comment '로그인 ID',
member_pw varchar(200) not null comment '비밀번호',
member_name varchar(100) not null comment '이름',
member_mail varchar(100) not null comment '이메일',
gender enum('M','F') not null comment '성별',
birthday date not null comment '생년월일',
member_addr1 varchar(100) not null comment '주소1',
member_addr2 varchar(100) not null comment '주소2', 
member_addr3 varchar(100) not null comment '주소3', 
delete_yn tinyint(1) not null comment '삭제여부',
created_date datetime not null default current_timestamp() comment '생성일시',
modified_date datetime  default null comment '최종 수정일시',
admin_ck int not null comment '관리자 유무',
money int not null comment '충전',
primary key (member_id ),
unique key uix_member_login_id (login_id)
)comment '회원';

application.properties에 설정에 아래 코드처럼 추가

#SELECT 칼럼과 멤버 변수 매핑(바인딩)하기, 언더바를 camel case로 변환하는 설정.
mybatis.configuration.map-underscore-to-camel-case=true

DB에서 만든 칼럼명 언더바를 camel case로 변환하는 설정. DB는 대소문자 구별이 없으므로 언더바를 이용해 단어의 결합을 구분, java는 대소문자를 구분하므로 camel case방식을 사용하기 때문에 서로 이름이 다르게 되는데 이를 같은 이름으로 인식하여 의외로 에러잡는데 시간이 많이 걸리는걸 방지하기 위해 설정!

2.관리자계정 Insert 시키기 (임의로내가 넣은거, 타입확인하고 칼럼명순서대로 작성)

여기서 하나 배운건 자동증감은 null로 하면 자동적으로 생기는걸 알았고, 생년월일과 생성일시는 둘다 date 타입인데 default와 current_timestamp() 차이로 시간을 많이잡아먹었다.. 자동으로 생기니 당연히 칼럼을 빼고 입력했다... ㅠㅠㅠ큐 계속 안되길래 정신차리고 하나씩 검색으로 고치고 나머지도 또 고치고 결국 성공..! 😵‍💫

-- 회원가입 쿼리(MySQL), 관리자 아이디 만들기
-- 자동 증감은 null로 하면 자동으로 생성해줌
insert into tb_member values(null, 'admin', 'admin', 'admin', 'admin', 'F', "1992-04-24", 'admin', 'admin', 'admin', 0, now(), null, 1, 100);

데이터 값 들어가고 성공 !

[SpringBoot - 관리자페이지] 2. 관리자페이지 타임리프 뷰 설정

Mon, 08 Jan 2024 12:48:51 GMT

타임리프 레이아웃 설정

templates.fragments 안에 body.html, header.html 생성

header.html

body.html





    

        
            
                게시판 프로젝트
                
                    
                        [[ ${session.loginMember.name}]]님 반갑습니다.
                    
                    
                        
                        
                        
                    
                
            
        




        

            
                
            

            
                
                    
                        게시판
                                    관리
                            
                                공지사항 목록
                                공지사항 글쓰기
                                자주하는 질문
                            
                        

                        회원관리
                            
                                회원목록
                                회원수정

templates.layout 안에 basic.html

basic.html

이렇게 공통으로 설정을 해놓으면 나중에 html코드부분에 xmlns:layout 부분으로 설정하고 layout:decorate 넣어주면 분리되서 유지보수가 쉬워진다.

angela_.log

[자바스크립트] 콜백함수 개념

[Render] 스프링부트 배포하기(jsp, war)

도커파일이 필요한 이유

공통

Render 계정 준비

GitHub 연결

배포 설정

포트 설정

환경 변수 설정 (DB 등)

자동 배포

성공 후 확인

[next.js] 레이아웃 페이지 만들기

layout.tsx

page.tsx

안녕하세요, 제 포트폴리오입니다!

app/about/page.tsx

About Me

[next.js] 간단한 사이트 셋팅하기

라운드로빈(RR)선점 스케줄러 계산

스케줄링 방식 동작 방식 요약

💡 핵심 포인트

[스프링부트] 자동 주입[@RequiredArgsConstructor]과 명시적 생성자의 차이

마이페이지

[AWS] EKS 스냅샷 생성 및 장애 복구 방법

환경설정

external-snapshotter CRD 다운로드 및 설치

Snapshot Controller 설치 및 배포

EBS 볼륨의 Kubernetes 스냅샷 생성

장애발생, 복구가능한지 테스트

[AWS] 동적 EBS 볼륨 프로비저닝을 구현(feat스냅샷)

Amazon EBS CSI Driver를 이용하여 동적 EBS 볼륨 프로비저닝을 구현

Amazon EBS CSI Driver 설치 및 설정

동적 프로비저닝

파일내용확인

[Kubenetes] 모니터링, 프로메테우스, 그라파나 설정하기

Grafana 그라파나

[Linux] 우분투 IP 확인과 포트 포워딩을 통한 네트워크 설정

UTM에서 네트워크 설정

포트 포워딩을 설정하는 이유

흐름

[Linux] 맥북(M1)에서 우분투를 설치하고 Terminus로 연결 및 환경 설정하기

1. utm에서 리눅스 가상머신 실행

2. termius 다운로드

기본환경세팅

설치 예시 코드

필요한 환경 설정과 세팅

[Linux] 맥북(m1)에 가상화머신(UTM) 우분투 설치하기

🔖 참고용 iso버전이 맞지않는 경우 생기는 오류 이미지

[Linux] 우분투에서 Docker로 MySQL 컨테이너 실행 후, MySQL 연결 성공

우분투에서 Docker로 MySQL 실행 후 로컬 프로젝트 연결 성공, 이미지 문제 해결

로컬 프로젝트에서 이를 연결하니 정상적

[Spring JPA ] JPA동작방식 개념과 영속성 컨텍스트

구성 요소 설명

관계 정리

엔티티의 생명주기 (Entity LifeCycle)

생명주기 정리

[개념공부] 자바스크립트 함수

선언적 함수

함수선언

매개변수 있는 함수

함수의 리턴

익명함수

함수선언

차이점

화살표 함수

[개념공부] 비동기 객체 기본 개념

콜백함수 개념

Promise

executor 함수

executor 함수의 매개변수

Async - Await

[리액트] 환경설정,vite

세팅

깃허브 푸쉬 오류 fatal:could not read Username for 'https://github.com': terminal prompts disabled

토큰만료 한달전부터 푸쉬가 안되서 새로운토큰 발급받음

[SpringBoot - 관리자페이지] 3. 회원가입 필요한 테이블 설정과 관리자계정 insert 시키기

1.tb_member 테이블생성

2.관리자계정 Insert 시키기 (임의로내가 넣은거, 타입확인하고 칼럼명순서대로 작성)

[SpringBoot - 관리자페이지] 2. 관리자페이지 타임리프 뷰 설정

[Linux] 맥북(m1)에 가상화머신(UTM) 우분투 설치하기