Dev. MK

클래식 바람의나라 국내성 부여성 지도 및 단축키

dev.mk — Sun, 22 Dec 2024 21:34:17 +0900

검정색 = 건물, 상점

빨강색 = 사냥터

파란색 = 직업의 길

녹색 = 성황당

국내성 지도

국내성 전사의 길은 중앙 국내성 왕궁을 기준으로 11시 방향, 도적의 길은 5시, 술사의 길은 1시, 도사의 길은 5시 방향에 있습니다.

왈숙네(21,15)
왈숙언니네(12,15)
왈숙이모네(14,25)
왈숙네2(154,88)
왈숙언니네2(163,88)
왈숙이모네2(156,98)
순이네푸줏간(40,131)
이쁜이포목상(82,160)
떼보갑옷점(81,168)
털보네대장간(59,122)
장터(17,1)
채희네상점(87,147)
백일의상점(196,200)
백이의상점(60,207)
백삼의상점(17,13)
전사의길(48,38)
도적의길(21,187)
도사의길(184,183)
술사의길(168,63)
좌성황(42,91)
우성황(197,93)
왕초보사냥터(38,171)(47,178)
초보사냥터(52,179)(58,178)(110,137)
초보미궁(30,23)(172,96)
쥐굴(46,112)
뱀굴(쥐굴6굴:17,19)
곰굴(199,69)
돼지굴(195,124)
여우굴(19,163)
자호굴(195,138)
사마귀굴(79,34)
인형굴(170,122)
해골굴(147,17)
흑해골굴(30,30)
도깨비굴(백륜동)(42,28)
비밀세작의집(137,204)
흉가(34,63)
국내성왕궁내부(108,92)
무한장(184,31)
예식장(152,188)
소극장(94,48)
감옥(149,152)
영혼사(도호귀인의집)(76,186)
기원(121,169)
놀이방(윷놀이방, 장기방, 빙고방, 경품상)(126,169)
영채(112,94)
벼락맞은나무(21,40)
고구려무도가(56,40)

부여성지도

부여성 전사의 길은 부여성을 기준으로 11시, 도적의 길은 9시, 술사의 길은 1시, 도사의 길은 5시 방향에 있습니다.

연실네(36,105)
연실언니네(43,105)
연실이모네(46,105)
옥이네푸줏간(38,129)
예쁜이네포목상(19,119)
몽치네갑옷점(4,10)
떡쇠네대장간(18,103) 장터(13,1)
전사의길(26,26)
도적의길(21,89)
도사의길(96,102)
술사의길(126,36)
좌성황(29,57)
우성황(125,58)
왕초보사냥터(32,117)(68,94)
초보사냥터(31,40)(33,122)
초보미궁(58,107)
쥐굴(15,77)
뱀굴(쥐굴6굴:17,19)
곰굴(41,143)
돼지굴(32,45)
여우굴(124,143)
자호굴(111,125)
전갈굴(129,46)
인형굴(19,140)
유령굴(88,25)
흑령굴(103,22)
도깨비굴(물망동)(99,112)
비밀세작의집(87,143)
흉가(69,123)
부여성왕궁내부(72,53)
무한장(126,75)
예식장(73,103)
소극장(29,143)
감옥(9,49)
영혼사(82,131)
기원(96,122)
놀이방(윷놀이방, 장기방, 화투방, 카드방, 경품상)(96,131)
재봉사의집(62,136)
방물장수의집(57,136)
경마장(132,23)
얼음돌이(110,88)
사용자오엑스퀴즈도우미(70,150)
부여성북문지기(71,22)

단축키

항목	키 조합	설명
스펠 인벤토리	Shift + =	스펠 인벤토리창을 확인합니다.
아이템 사용	U → 아이템 슬롯 번호(a~z) Ctrl → 아이템 슬롯 번호 (a~z)	아이템을 사용합니다.
모두 줍기	Shift + ,(쉼표)	여러 아이템을 줍습니다.
아이템 버리기	D → 아이템 슬롯 번호(a~z)	아이템을 버립니다.
모두 버리기	Shift + D → 아이템 슬롯 번호(a~z)	전체 아이템을 버립니다.
아이템 먹기	E → 아이템 슬롯 번호(a~z)	아이템을 먹습니다.
아이템 순서 바꾸기	C → 아이템1, 아이템2	두 아이템의 슬롯 위치를 바꿉니다.
스펠 순서 바꾸기	Shift + C → 스펠 슬롯 번호1, 스펠 슬롯 번호2	두 스펠의 스펠창 슬롯 위치를 바꿉니다.
던지기	T → 아이템 슬롯 번호 (a~z)	아이템을 던집니다.
감정표현	Shift + ; + 감정표현 (a~p)	감정표현을 표시합니다.
외치기	Shift +1(숫자키)	현재 위치한 맵에 모든 유저가 들을 수 있도록 말합니다.
무기 입기	W → 아이템 슬롯 번호(a~z)	무기를 장비합니다.
갑옷 입기	Shift + W → 아이템 슬롯 번호(a~z)	갑옷을 장비합니다.
장비 벗기	Shift + T	현재 입고 있는 장비를 벗습니다.
SAYMACRO 사용	Alt + SAYMACRO 번호 (1~10)	F10 옵션에서 설정한 SAYMACRO를 출력합니다.
월드 끝내기	Alt + X	월드를 종료합니다.
교환 ON/OFF	Shift + E	교환 기능을 ON/OFF합니다.
그룹(파티)허가 ON/OFF	Shift + G	그룹 허가 기능을 ON/OFF 합니다.
오브젝트 반투명효과 ON/OFF	Alt + T	오브젝트 반투명효과를 ON/OFF 합니다.

타입스크립트(TypeScript) 란?

dev.mk — Sun, 24 Nov 2024 15:55:27 +0900

타입스크립트(TypeScript)란?

- 타입스크립트(TypeScript)는 마이크로소프트가 개발한 오픈소스 프로그래밍 언어이다.

- 자바스크립트(JavaScript)의 상위 확장 언어이다.

- 자바스크립트의 문법을 기반으로 하면서 정적 타입(static type)을 지원하여, 코드를 작성할 때 타입 오류를 사전에 검출할 수 있는 장점이 있다.

- 최신 ECMAScript(ES) 기능을 사용할 수 있으며, 코드가 자바스크립트로 컴파일되어 브라우저나 Node.js 환경에서 실행할 수 있다.

타입 안정성: 변수, 함수 등의 데이터 타입을 명시할 수 있어 타입 오류를 컴파일 단계에서 발견할 수 있다.

코드의 안정성과 유지보수성이 크게 향상된다.

개발 생산성 향상: 코드 자동 완성, 리팩토링 도구가 강화되어 대규모 프로젝트에서 코드 관리가 쉬워진다.

ES6+ 지원: 최신 자바스크립트 문법을 사용할 수 있으며, 구형 브라우저에서도 호환되도록 ES5로 트랜스파일(transpile)할 수 있다.

객체 지향 프로그래밍 지원: 클래스, 인터페이스, 상속 등 객체 지향 프로그래밍(OOP) 기능이 강화되어 보다 구조적인 코딩이 가능하다.

예제

test.ts

// 타입을 명시한 변수 선언
let userName: string = "홍길동";
let age: number = 30;
let isActive: boolean = true;

// 함수에 타입 지정
function greet(name: string): string {
  return `Hello, ${name}`;
}

console.log(greet(userName));  // 결과: Hello, 홍길동

// 인터페이스 사용 예제
interface User {
  name: string;
  age: number;
  isActive: boolean;
}

// 객체에 인터페이스 적용
const user: User = {
  name: "김철수",
  age: 25,
  isActive: false
};

// 클래스 사용 예제
class Person {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }

  introduce(): string {
    return `안녕하세요, 저는 ${this.name}이고, ${this.age}살입니다.`;
  }
}

const person = new Person("박영희", 22);
console.log(person.introduce());  // 결과: 안녕하세요, 저는 박영희이고, 22살입니다.

위의 내용을 js로 컴파일한 결과

test.js

// 타입을 명시한 변수 선언
var userName = "홍길동";
var age = 30;
var isActive = true;
// 함수에 타입 지정
function greet(name) {
    return "Hello, ".concat(name);
}
console.log(greet(userName)); // 결과: Hello, 홍길동
// 객체에 인터페이스 적용
var user = {
    name: "김철수",
    age: 25,
    isActive: false
};
// 클래스 사용 예제
var Person = /** @class */ (function () {
    function Person(name, age) {
        this.name = name;
        this.age = age;
    }
    Person.prototype.introduce = function () {
        return "안녕하세요, 저는 ".concat(this.name, "이고, ").concat(this.age, "살입니다.");
    };
    return Person;
}());
var person = new Person("박영희", 22);
console.log(person.introduce()); // 결과: 안녕하세요, 저는 박영희이고, 22살입니다.

타입스크립트의 핵심 인터페이스 그리고 클래스

1. 인터페이스(Interface)

인터페이스는 객체의 구조를 정의하는 타입으로, 객체가 가져야 할 속성과 메서드를 명시할 수 있다.

인터페이스는 주로 코드의 일관성과 명확성을 높이고, 코드 작성 시 타입 검사를 강화하는 데 도움이 된다.

인터페이스의 주요 사용 이유

타입 안정성: 인터페이스를 사용하면 객체가 미리 정의된 구조를 따르게 강제할 수 있다. 타입 오류를 컴파일 단계에서 사전에 발견할 수 있어 코드 안정성이 높아진다.
코드 일관성: 인터페이스를 사용하면 일관된 데이터 구조를 강제할 수 있다. 예를 들어, 여러 곳에서 동일한 데이터 구조가 필요할 때 인터페이스를 정의하고 그 구조를 공유함으로써 일관성을 유지할 수 있다.
유연한 확장성: 인터페이스는 상속을 지원하여 하나의 인터페이스를 확장해 새로운 인터페이스를 만들 수 있다. 이를 통해 코드의 재사용성을 높이고, 기존 구조를 유연하게 확장할 수 있다.

예제

interface Person {
  name: string;
  age: number;
  introduce(): string;
}

const person: Person = {
  name: "홍길동",
  age: 30,
  introduce() {
    return `안녕하세요, 저는 ${this.name}이고, ${this.age}살입니다.`;
  }
};

위 예제에서 Person 인터페이스를 정의하고, person 객체가 그 인터페이스 구조를 따르도록 설정했다.

만약 객체에 정의되지 않은 속성을 추가하거나 필요한 속성이 누락되면 타입 오류가 발생한다.

2. 클래스(Class)

클래스는 객체 지향 프로그래밍(OOP)의 기본 요소로, 상태와 동작을 캡슐화한 객체를 생성하기 위한 청사진 역할을 한다. TypeScript는 클래스 기반 프로그래밍을 지원하여, 자바스크립트보다 객체 지향적 패턴을 쉽게 사용할 수 있다.

클래스의 주요 사용 이유

캡슐화: 클래스는 데이터(속성)와 메서드(기능)를 하나의 단위로 묶어 캡슐화할 수 있다. 이렇게 하면 객체의 내부 상태를 보호하고, 외부에서 접근할 수 있는 부분을 제한하여 코드의 안정성을 높일 수 있다.
재사용성: 클래스는 인스턴스를 생성하여 동일한 구조와 동작을 갖는 객체를 여러 개 만들 수 있다. 이를 통해 코드 재사용이 용이하며, 유지 보수가 편리해진다.
상속과 다형성: 클래스를 사용하면 상속을 통해 기존 클래스를 확장할 수 있고, 여러 클래스가 동일한 인터페이스를 구현하여 다형성을 제공할 수 있다. 이를 통해 유연하고 확장 가능한 구조를 설계할 수 있다.

예제

class PersonClass {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }

  introduce(): string {
    return `안녕하세요, 저는 ${this.name}이고, ${this.age}살입니다.`;
  }
}

const personInstance = new PersonClass("홍길동", 30);
console.log(personInstance.introduce());  // 결과: 안녕하세요, 저는 홍길동이고, 30살입니다.

위 예제에서 PersonClass라는 클래스를 정의하고, 그 안에 name과 age 속성을 포함하고, introduce 메서드를 구현했다. new 키워드를 사용하여 이 클래스의 인스턴스를 생성할 수 있다.

인터페이스와 클래스의 차이점 및 결합 사용

역할: 인터페이스는 주로 데이터의 구조를 정의하는 데 사용되며, 클래스는 데이터와 행동을 묶어 실제로 객체를 생성하는 데 사용된다.
추상화: 인터페이스는 구현이 없고 오로지 타입만을 정의하므로, 여러 클래스가 같은 구조를 따르도록 강제할 수 있다. 클래스는 구현체를 포함하며, 구체적인 객체의 인스턴스를 생성하는 데 사용된다.
결합 사용: 클래스와 인터페이스를 함께 사용하여 객체 지향적인 구조와 타입 안정성을 동시에 제공할 수 있다. 예를 들어, 클래스가 특정 인터페이스를 implements 키워드로 구현하여 인터페이스에서 정의된 타입을 따르도록 강제할 수 있다.

결합 사용 예제

interface Person {
  name: string;
  age: number;
  introduce(): string;
}

class Student implements Person {
  name: string;
  age: number;
  studentId: number;

  constructor(name: string, age: number, studentId: number) {
    this.name = name;
    this.age = age;
    this.studentId = studentId;
  }

  introduce(): string {
    return `안녕하세요, 저는 ${this.name}이고, ${this.age}살이며, 학번은 ${this.studentId}입니다.`;
  }
}

const student = new Student("김영희", 20, 2021001);
console.log(student.introduce());  // 결과: 안녕하세요, 저는 김영희이고, 20살이며, 학번은 2021001입니다.

위 예제에서 Student 클래스는 Person 인터페이스를 구현하여, name, age 속성과 introduce 메서드를 반드시 포함하도록 강제한다. 이를 통해 일관된 구조를 유지하면서 필요한 속성과 기능을 추가하여 확장할 수 있다.

요약

인터페이스는 객체의 구조를 정의하여 일관된 데이터 형태를 강제하고 타입 안정성을 제공한다.
클래스는 실제 객체의 인스턴스를 만들고 캡슐화, 상속 등의 객체 지향적 특징을 활용하는 데 사용된다.
결합 사용을 통해 인터페이스와 클래스의 장점을 모두 활용하여 안정성과 유연성을 동시에 갖춘 구조를 설계할 수 있다.

TypeScript에서 인터페이스와 클래스를 사용하는 이유는 이렇게 명확한 구조와 유지보수성 높은 코드를 작성하고, 대규모 프로젝트에서도 안정적이고 일관된 코드를 유지하기 위함임.

출처 GPT-4

Redis 레디스 + 스프링부트 SpringBoot 연동 RedisTemplate, @Cacheable 사용하기

dev.mk — Sun, 20 Oct 2024 18:12:29 +0900

레디스 사용방법을 간단하게 작성하겠다.

첫번째. RedisTemplate를 이용하여 CRUD 하기

> 실무에서는 보통 jwt_token 관리에 사용.

두번째. @Cacheable 어노테이션을이용하여 데이터 캐싱하기

> 실무에서는 보통 통계 데이터나 대용량 데이터를 여러번 호출할때 사용.

그럼 스프링부트에 레디스를 설정해보자

1. build.gradle에 redis 추가

implementation 'org.springframework.boot:spring-boot-starter-data-redis'

2. application.yml 프로퍼티에 레디스 프로퍼티 추가

spring:
  application:
    name: SpringBoot3WithRedis
  redis:
    host: 185.224.12.50       #클라우드 아이피
    port: 6379                #레디스 포트
    password: redis4321       #레디스 AUTH 비밀번호 AUTH redis
  cache:
    type: redis               #스프링에서 캐시 사용을 레디스로 설정하겠다는 뜻이다.
    redis:
      time-to-live: 5         # 단위(초): @Cacheable의 캐싱시간

3. SpringBootApplication.java 어노테이션 정의

@SpringBootApplication
//Spring Boot에 캐싱 사용 알려주기
@EnableCaching
public class SpringBootApplication {

    public static void main(String[] args) {
        SpringApplication.run(SpringBoot3WithRedisApplication.class, args);
    }

}

4. Redis 환경설정 java 작성

import org.springframework.beans.factory.annotation.Value;
import org.springframework.cache.annotation.EnableCaching;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.data.redis.connection.RedisConnectionFactory;
import org.springframework.data.redis.connection.RedisStandaloneConfiguration;
import org.springframework.data.redis.connection.lettuce.LettuceConnectionFactory;
import org.springframework.data.redis.core.RedisTemplate;
import org.springframework.data.redis.serializer.StringRedisSerializer;

@Configuration
@EnableCaching
public class RedisConfig {

    //application.yml 정의한 IP (클라우드 IP 이거나 본인의 아이피)
    @Value("${spring.redis.host}")
    private String redisHost;

    //application.yml 정의한 포트번호
    @Value("${spring.redis.port}")
    private String redisPort;

    //application.yml 정의한 레디스 관리자 비밀번호(보안을 위해 필수)
    @Value("${spring.redis.password}")
    private String redisPassword;

    @Bean
    public RedisConnectionFactory redisConnectionFactory() {

        RedisStandaloneConfiguration redisStandaloneConfiguration = new RedisStandaloneConfiguration();
        redisStandaloneConfiguration.setHostName(redisHost);
        redisStandaloneConfiguration.setPort(Integer.parseInt(redisPort));
        redisStandaloneConfiguration.setPassword(redisPassword);
        LettuceConnectionFactory lettuceConnectionFactory = new LettuceConnectionFactory(redisStandaloneConfiguration);

        return lettuceConnectionFactory;
    }
}

application.yml 파일에 정의한 상수들을 가져와 커넥션하는 메서드에 넣는다.

5. @Cacheable 설정 관련 java 작성

import java.time.Duration;

import org.springframework.beans.factory.annotation.Value;
import org.springframework.cache.CacheManager;
import org.springframework.cache.annotation.EnableCaching;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.data.redis.cache.RedisCacheConfiguration;
import org.springframework.data.redis.cache.RedisCacheManager;
import org.springframework.data.redis.connection.RedisConnectionFactory;
import org.springframework.data.redis.serializer.GenericJackson2JsonRedisSerializer;
import org.springframework.data.redis.serializer.RedisSerializationContext;
import org.springframework.data.redis.serializer.StringRedisSerializer;

@Configuration
@EnableCaching
public class RedisCacheConfig {

    @Value("${spring.cache.redis.time-to-live}")
    private long cacheTtlInSeconds;

    @Bean
    public CacheManager devmkCacheManager(RedisConnectionFactory cf) {
        RedisCacheConfiguration redisCacheConfiguration = RedisCacheConfiguration.defaultCacheConfig()
                .serializeKeysWith(
                        RedisSerializationContext.SerializationPair.fromSerializer(new StringRedisSerializer()))
                .serializeValuesWith(RedisSerializationContext.SerializationPair
                        .fromSerializer(new GenericJackson2JsonRedisSerializer()))
//                .entryTtl(Duration.ofMinutes(3L));    기존 3분 (분)
                .entryTtl(Duration.ofSeconds(cacheTtlInSeconds)); // 현재 (초)
        return RedisCacheManager.RedisCacheManagerBuilder.fromConnectionFactory(cf)
                .cacheDefaults(redisCacheConfiguration).build();
    }
}

여기서 빈으로 등록한 메소드명 devmkCacheManager을 @Cacheable cacheManager = "devmkCacheManager" 으로 사용한다. 캐싱 만료시간 (TTL)도 application.yml에 정의한 시간 프로퍼티값을 가져와서 사용한다.

6. RedisTemplate 서비스 작성

import java.util.concurrent.TimeUnit;

import org.springframework.data.redis.core.RedisTemplate;
import org.springframework.stereotype.Service;

import lombok.extern.slf4j.Slf4j;

@Slf4j
@Service
public class RedisUtils {

    private final RedisTemplate<String, Object> redisTemplate;

    public RedisUtils(RedisTemplate<String, Object> redisTemplate) {
        this.redisTemplate = redisTemplate;
    }
    
    //TTL(Time To Live)이란? 
    //레디스에서 데이터를 캐싱하는 생명주기시간
    
    //데이터 저장
    public void setData(String key, String value, Long expiredTime) {
    	//위 코드에서는 opsForValue().set() 메서드를 사용해 값을 저장하고 있으며, 
    	//expiredTime과 TimeUnit을 전달함으로써 만료 시간(예: 밀리초 단위)을 설정한다.
    	//이 만료 시간(TTL)이 지나면 Redis에 저장된 해당 키가 자동으로 삭제된다.
    	
        redisTemplate.opsForValue().set(key, value, expiredTime, TimeUnit.MILLISECONDS);
    }
    
    //데이터저장 (TTL없이 무기한)
    public void setDataWithoutExpire(String key, String value) {
        redisTemplate.opsForValue().set(key, value); // 만료 시간 없이 저장
    }
    
    //TTL 업데이트와 만료시간 관리
    public void updateExpire(String key, Long newExpireTime) {
    	//이미 설정된 키에 대해 TTL을 업데이트하거나 연장하려면 Redis의 expire() 메서드를 사용할 수도 있다.
        redisTemplate.expire(key, newExpireTime, TimeUnit.MILLISECONDS);
    }

    //데이터 조회
    public String getData(String key) {
    	//키를 이용해 Redis에 저장된 값을 조회하는 메서드이다.
    	//반환된 데이터가 String이라고 가정하고 형 변환((String))하고 있다.
        return (String) redisTemplate.opsForValue().get(key);
    }

    //데이터삭제
    public void deleteData(String key) {
    	//특정 키에 대한 데이터를 삭제하는 간단한 메서드 이다.
    	//이 메서드는 키가 Redis에서 즉시 제거된다.
        redisTemplate.delete(key);
    }

}

RedisTemplate로 CRUD할때 사용하는 서비스다.

7. RedisTemplate로 CRUD 테스트하기

import org.springframework.http.HttpStatus;
import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import org.springframework.web.bind.annotation.*;

import kr.co.test.login.vo.TokenRequest;
import kr.co.test.util.RedisUtils;

@RestController
@RequestMapping("/api/crud")
public class RedisTemplateCRUDController {

    private final RedisUtils redisUtils;
    private static final Long EXPIRE_TIME = 600_000L; // 10분(밀리초 단위)

    public RedisTemplateCRUDController(RedisUtils redisUtils) {
        this.redisUtils = redisUtils;
    }
	
    //저장
    @PostMapping("/store")
    public ResponseEntity<String> storeToken(@RequestBody TokenRequest tokenRequest) {
        redisUtils.setData(tokenRequest.getToken(), "valid", EXPIRE_TIME);
        return ResponseEntity.status(HttpStatus.CREATED).body("JWT 토큰이 Redis에 저장되었습니다.");
    }
    
    //조회
    @GetMapping("/validate")
    public ResponseEntity<String> validateToken(@RequestParam(name = "token") String token) {
        String tokenStatus = redisUtils.getData(token);
        if (tokenStatus == null) {
            return ResponseEntity.status(HttpStatus.NOT_FOUND).body("유효하지 않은 토큰입니다.");
        }
        return ResponseEntity.ok("유효한 토큰입니다.");
    }
    //삭제
    @DeleteMapping("/delete")
    public ResponseEntity<String> deleteToken(@RequestParam(name = "token") String token) {
        redisUtils.deleteData(token);
        return ResponseEntity.ok("JWT 토큰이 삭제되었습니다.");
    }
    //업데이트
    @PutMapping("/refresh")
    public ResponseEntity<String> refreshToken(@RequestParam(name = "token") String token) {
        String tokenStatus = redisUtils.getData(token);
        if (tokenStatus == null) {
            return ResponseEntity.status(HttpStatus.NOT_FOUND).body("토큰이 존재하지 않습니다.");
        }
        redisUtils.updateExpire(token, EXPIRE_TIME);
        return ResponseEntity.ok("JWT 토큰의 만료 시간이 갱신되었습니다.");
    }
}

컨트롤러를 만들어준다. jwt토큰을 사용한다고 가정하자.

postman으로 테스트하면서 서버의 Redis CLI로 데이터가 어떻게 저장되고 보여지는지 확인하자

docker exec -it redis redis-cli
127.0.0.1:6379> AUTH {비밀번호}
OK

↑ docker redis cli 로그인 과정일뿐.

레디스 데이터 저장

POST방식 /api/crud/store

{ "token" : "devmk_token" }

레디스 데이터 조회

GET방식 /api/crud/validate?token=devmk_token

127.0.0.1:6379> keys *
1) "devmk_token"
127.0.0.1:6379> get devmk_token
"valid"

내가 임의로 정한 토큰이름으로 "valid" 라는 값이 저장됐다.

레디스 데이터 삭제

DELETE방식 /api/crud/delete?token=devmk_token

127.0.0.1:6379> keys *
(empty array)

삭제를 했기때문에 저장된 데이터가 없다.

레디스 만료시간 업데이트

PUT방식 /api/crud/refresh?token=devmk_token

8. 레디스 캐싱 이용하기

캐싱하는 서비스 작성

@Slf4j
@Service
@RequiredArgsConstructor
public class CacheService {

    @Cacheable(cacheNames = "getAll", key = "#root.target + #root.methodName", sync = true, cacheManager = "devmkCacheManager")
    public List<CacheVo> getAll() {

        log.info(" ::::: 캐싱대상 서비스 입니다.:::::");
        List<CacheVo> dummyList = new ArrayList<>();
        dummyList.add(new CacheVo("홍길동", "20", "남자"));
        dummyList.add(new CacheVo("임꺽정", "30", "여자"));
        dummyList.add(new CacheVo("김민호", "30", "남자"));

        return dummyList;

    }

}

임의로 더미데이터를 만드는 서비스를 작성한다.

컨트롤러 작성

import java.util.List;

import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import kr.co.test.cache.service.CacheService;
import kr.co.test.cache.vo.CacheVo;
import lombok.RequiredArgsConstructor;
import lombok.extern.slf4j.Slf4j;

@Slf4j
@RestController
@RequestMapping("/cache")
@RequiredArgsConstructor
public class CacheController {

    private final CacheService cacheService;

    @GetMapping("/getAll")
    public ResponseEntity<List<CacheVo>> getAll() {

        log.info(" :::: 레디스 캐싱 서비스를 호출을 시작 합니다. ::::");
        List<CacheVo> body = cacheService.getAll();
        log.info(" :::: 레디스 캐싱 서비스를 호출을 종료 합니다. ::::");

        return ResponseEntity.ok(body);
    }
}

레디스 데이터 캐싱하기

GET방식 /cache/getAll

[{"age": "홍길동","name": "20","sex": "남자"}

,{"age": "임꺽정","name": "30","sex": "여자"}

,{"age": "김민호","name": "30","sex": "남자"}]

형태의 데이터가 저장됐다.

127.0.0.1:6379> keys *
1) "getAll::kr.co.test.cache.service.CacheService@14f9a8c9getAll"

key명은 getAll::kr.co.test.cache.service.CacheService@14f9a8c9getAll 이다.

위의 키명으로 임의로 만든 배열이 저장됐다.

@Cacheable key는 아무거나 지정해도된다. 나는 단지 호출한서비스의 path를 key명으로 사용했을뿐이다.

127.0.0.1:6379> get getAll::kr.co.test.cache.service.CacheService@14f9a8c9getAll
"[\"java.util.ArrayList\",[{\"@class\":\"kr.co.test.cache.vo.CacheVo\"
,\"age\":\"\xed\x99\x8d\xea\xb8\xb8\xeb\x8f\x99\"
,\"name\":\"20\",\"sex\":\"\xeb\x82\xa8\xec\x9e\x90\"}
,{\"@class\":\"kr.co.test.cache.vo.CacheVo\"
,\"age\":\"\xec\x9e\x84\xea\xba\xbd\xec\xa0\x95\"
,\"name\":\"30\",\"sex\":\"\xec\x97\xac\xec\x9e\x90\"}
,{\"@class\":\"kr.co.test.cache.vo.CacheVo\"
,\"age\":\"\xea\xb9\x80\xeb\xaf\xbc\xed\x98\xb8\"
,\"name\":\"30\",\"sex\":\"\xeb\x82\xa8\xec\x9e\x90\"}]]"

redis cli에서 확인해보지 이런식으로 저장됐다. 서버에는 인코딩이 깨지지만 자바에서 불러올땐 제대로 나옴

127.0.0.1:6379> get getAll::kr.co.test.cache.service.CacheService@14f9a8c9getAll
(nil)

캐싱시간을 yml파일에 정의한 5초 이기때문에 5초후 다시 호출하면 값이 Null이다.

5초동안 레디스가 캐싱한 데이터를 대신 보여주고 CacheService.getAll() 서비스를 호출하지 않는 뜻이다.

대충 사용방법은 다 작성한것 같다.

다음은 jwt+redis 이용한 토큰관리를 포스트하겠다~

우분투 도커Docker 레디스Redis 설치 (도커볼륨이용) with 네이버 클라우드

dev.mk — Sat, 12 Oct 2024 22:27:12 +0900

1. 도커에 레디스 이미지 다운

docker pull redis

2. 다운된 레디스 이미지 확인

docker images

3. 레디스 볼륨설정

Redis는 in-memory 기반 저장소이기 때문에 Docker Container 내에서 실행 시 해당 컨테이너가 중지되거나 삭제되면 Redis에 저장된 모든 데이터가 손실된다. 이런 문제를 방지하기 위해 도커를 사용할 때 볼륨이라는 개념을 사용해서 컨테이너에 파일 or 디렉토리를 마운트하여 방지한다. 따라서 먼저, Redis 백업용 도커 볼륨을 생성해야한다.

docker volume create (만들 볼륨이름)

미사용중인 볼륨 보기

docker volume ls -f dangling=true

만들어진 볼륨의 정보 보기

docker volume inspect (만든 볼륨이름)

4. 레디스 컨피그 파일 만들기

임의의 경로에 redis.conf 파일을 만든다.

내가 만든 경로는 /home/redis/redis.conf

vi redis.conf

컨피그 파일 내용 (Ctrl + C , Ctrl + V 이용)

# 연결 가능한 네트위크(0.0.0.0 = Anywhere)
bind 0.0.0.0

# 연결 포트
port 6379

# Master 노드의 기본 사용자 비밀번호
requirepass redis1234

# 최대 사용 메모리 용량(Default : 시스템 전체 용량)
maxmemory 2gb

# 설정된 최대 사용 메모리 용량을 초과했을때 처리 방식
# - noeviction : 쓰기 동작에 대해 error 반환 (Default)
# - volatile-lru : expire 가 설정된 key 들중에서 LRU algorithm 에 의해서 선택된 key 제거
# - allkeys-lru : 모든 key 들 중 LRU algorithm에 의해서 선택된 key 제거
# - volatile-random : expire 가 설정된 key 들 중 임의의 key 제거
# - allkeys-random : 모든 key 들 중 임의의 key 제거
# - volatile-ttl : expire time(TTL)이 가장 적게 남은 key 제거 (minor TTL)
maxmemory-policy volatile-ttl

# RDB 설정 (주기적 백업)
# 15분 안에 최소 1개 이상의 key가 변경되었을 때
save 900 1
# 5분 안에 최소 10개 이상의 key가 변경되었을 때
save 300 10
# 60초 안에 최소 10000개 이상의 key가 변경되었을 때
save 60 10000

# AOF 설정 (쓰기에 대한 로그 파일 저장)
## AOF 사용 여부
# appendonly yes
# 저장할 AOF 파일명
# appendfilename appendonly.aof
# 디스크와 동기화 처리 방식
# - always : AOF 값을 추가할 때마다 fsync를 호출해서 디스크에 쓰기
# - everysec : 매초마다 fsync를 호출해서 디스크에 쓰기
# - no : OS가 실제 sync를 할 때까지 따로 설정하지 않음
# appendfsync everysec


## Replication 관련 설정
## Slave Redis 설정
#slaveof 127.0.0.1 6380

※※ 레디스 해킹을 방지하여 비밀번호 설정을 하는것이 좋다. requirepass를 통해 비밀번호를 설정을 권장한다.

5. Docker Container로 Redis 실행

docker run \
-d \
--restart=always \
--name=(redis container name) \
-p (host port):(container port) \
-v (redis.conf 생성한 경로)/redis.conf:/etc/redis/redis.conf \
-v (생성한 Docker Volume Mountpoint):/data \
redis:latest redis-server /etc/redis/redis.conf

도커 컨테이너를 실행과 동시에 여러 옵션을 함께 넣었기 때문에 내용이 주렁주렁 길다. (오타 조심해야함!)

무슨 옵션인제 긁어서 GPT에 넣으면 친절히 설명해준다.

6. 레디스 실행하기

docker exec -i -t (생성한 redis 컨테이너 이름) redis-cli -a 비밀번호
127.0.0.1:6379> AUTH 비밀번호
OK
127.0.0.1:6379> ping
PONG
127.0.0.1:6379>

7. 네이버클라우드 인바운드 포트에 6379 등록

console > Server > ACG > ACG 설정 > Inbound 등록

다음 포스트에는 스프링부트에서 레디스 이용하는 포스트를 하겠다~

본문의 참고 https://ksh-coding.tistory.com/129

로지텍 M720 마우스 스위치 수리하기

dev.mk — Sun, 6 Oct 2024 20:12:03 +0900

※고장증상

로지텍 고장 종특인 더블클릭 증상. 다른 모델들도 한 2년정도 쓰다보면 이런 문제가 생긴다.

준비물

1. 옴므론 D2FC-F-7N(20M) 스위치. 가격 개당 약 1천원.

괄호안에 숫자는 클릭 수명이다. 내가 산 스위치의 수명은 클릭수명이 약 2000만회다.

5M은 500만, 10M 1000만 등등

2. 드라이버 세트 ,인두, 납, 흡입기, 납흡수지 등등

분해를하려면 맨위 마우스 서퍼를 뗴어내야 숨어있는 나사를 풀 수있다. 재활용을 해야하니 조심히 뗴어낸다.

3. 상하판분리

(주의) 상하판을 분리하려면 저 아주 얇은 케이브을 분리해야한다.

저 아주 작은 커넥터가 이빨로 케이블을 물고있다. 90도 위로 올리면 파란색부분의 케이블이 분리 된다.

나는 커넥터를 위로 올려야 하는지모르고 힘으로 빼다가 커넥터가 빠졌다. 다행이도 다시 끼면된다.

4. 휠 분리

휠사이에 껴있는 고정플라스틱 핀을 왼쪽으로 당겨 휠뭉치를 분리시킨다.

5. 하판 PCB 분리

6. 스위치 교체

따로 뭐 스킬은없다 인두로 납을 녹이고 흡입기로 납을 흡입하면 된다.

하지만 역시 잘 안된다.

니퍼로 기존 스위치를 전부 부셔버리고 뺐다.

조립은 분해의 역순

도커Dcoker에 젠킨스Jenkins 설치하기 with 네이버 클라우드

dev.mk — Thu, 3 Oct 2024 20:26:01 +0900

도커에 젠킨스 이미지를 받아 컨테이너를 띄워보자

우분투버전

lsb_release -a

- 22.04.3 LTS

도커 버전

- Docker 27.3.1

1. Jenkins 컨테이너 설치

sudo docker run -d --name jenkins -p 8080:8080 jenkins/jenkins

-d: 컨테이너를 데몬으로 띄운다.
--name: 컨테이너의 이름을 jenkins로 설정한다
-p 8080:8080: 컨테이너의 외부와 통신할 포트(앞의 값)를 내부적으로 사용할 포트(뒤의 값)를 포워딩해준다.

2. 네이버클라우드 인바운드 포트에 8080 등록

console > Server > ACG > ACG 설정 > Inbound 등록

3. {PUBLIC IP}:8080 으로 Jenkins 접속

젠킨스 컨테이너 내부로 접속하여 관리자 Key를 복사하여 넣어야 설치가 마무리 된다.

4. 젠킨스 컨테이너 접속

sudo docker exec -it jenkins bash

5. 관리자 키 확인

cat /var/jenkins_home/secrets/initialAdminPassword

관리자키 복사한다

기본설치

아래의 플러그인이 일괄 설치된다.

설치가 끝나면 관리자를 등록해준다.

Jenkins 접속 URL 설정,
젠킨스에 접속할 때 사용할 URL 설정이다
기본 설정 public IP:8080으로 유지하고 넘어간다.

설치가 완료되고

6. Jenkins 웹 접속

http://{PUBLIC IP}:8080

위에서 설정한 관리자 계정 입력 후 로그인

끝

네이버 클라우드 도커 Nginx와 Nginx Proxy Manager 설치하기 그리고 socket() [::]:80 failed 오류

dev.mk — Thu, 3 Oct 2024 20:08:23 +0900

우분투버전

- 22.04.3 LTS

lsb_release -a

1. 도커 컴포즈 설치

apt 패키지 업데이트

sudo apt update

docker compose 설치

sudo apt install -y docker-compose

2. 도커 컴포즈로 nginx + nginx proxy manager 설치

NPM을 설치할 디렉토리를 만든다

sudo mkdir /home/npm

3. 도커 컴포즈 파일을 작성 docker-compose.yml

vi편집기로 아래의 내용을 입력하여 docker-compose.yml 파일을 생성한다.

vi docker-compose.yml

내용

version: '3'  # Docker Compose 파일 버전

services:
  npm:
    image: jc21/nginx-proxy-manager:latest  # 사용할 Docker 이미지 (Nginx Proxy Manager의 최신 버전)
    restart: unless-stopped  # 컨테이너가 중지된 경우 자동 재시작 (수동으로 중지하지 않는 한)

    ports:
      - "80:80"       # HTTP 포트 (외부 80 포트를 컨테이너의 80 포트에 매핑)
      - "81:81"       # 관리 UI 포트 (외부 81 포트를 컨테이너의 81 포트에 매핑)
      - "443:443"     # HTTPS 포트 (외부 443 포트를 컨테이너의 443 포트에 매핑)

    volumes:
      - ./data:/data  # 로컬 ./data 디렉토리를 컨테이너의 /data 디렉토리에 매핑 (데이터 저장소)
      - ./letsencrypt:/etc/letsencrypt  # 로컬 ./letsencrypt 디렉토리를 컨테이너의 /etc/letsencrypt 디렉토리에 매핑 (SSL 인증서 저장소)

꼭 저장을하고 현재 디렉토리에서 도커 컴포즈를 실행한다.

docker-compose up

nginx 와 nginx proxy manager를 다운받고 설치중이다.

설치가 완료 됐는데 도커 컨테이너를 올릴때 에러가 발생한다.

nginx: [emerg] socket() [::]:80 failed (97: Address family not supported by protocol)

네이버 클라우드는 IPv6을 지원하지 않는데 nginx 기본설정파일에 IPv6 포트를 맵핑하는 구문이 있어서 시작시 에러가 난다.

nginx 컨테이너 내부로 들어가서 conf파일을 수정해야하는 번거러움이 있다.

내부로 들어가려면 컨테이너 아이디나 컨테이너 이름을 알아야 한다.

docker ps -a

docker exec -it npm-npm-1 /bin/bash

컨테이너 내부로 들어오고 nginx conf파일 디렉토리로 접근한다.

cd /etc/nginx/conf.d

수정해야하는 conf 파일은 2개이다.

default.conf > 80,443 포트

production.conf > 81 포트

컨테이너 내부에 vi 편집기가 설지되어 있지 않다. 설치해야 한다.

apt-get update
apt-get install vim

설치가 완료되면 conf파일을 수정하자

vi default.conf

빨간줄 listen [::] 부분 주석처리.

vi production.conf

빨간줄 listen [::] 부분 주석처리 후 저장

컨테이너를 종료한다.

exit

다시 도커 컴포즈 yml이 있는 디렉토리로 이동

cd /home/npm

도커 컴포즈 재실행

docker compose up -d

그럼 이제 로그를 봐도 오류없이 잘 올라간다.

http://{본인의 Public IP}:81 로 접속한다.

초기 관리자 정보를 입력해주자.

Email : admin@example.com
Password : changeme

본인의 이메일과 비밀번호를 입력하고 저장하면 기본적인 계정 셋팅은 끝

우분투 MySQL 설치하기 with 네이버 클라우드

dev.mk — Thu, 3 Oct 2024 19:29:38 +0900

우분투에서 간단하게 MySQL을 설치해보자

우분투버전

- 22.04.3 LTS

lsb_release -a

1. apt 패키지 이용

sudo apt update
sudo apt install mysql-server

설치중...

2. 설치확인

netstat -tnlp

3306 포트로 mysql이 올라왔다.

3. mysql 접속 및 루트계정 비밀번호 설정

mysql -u root -p

Enter password: 가 나오면 초기비밀번호를 넣고 엔터친다.

그럼 "Welcome to the MySQL"

4. 데이터베이스 생성 및 사용자 계정 생성

설치된 버전보기

select version();

사용자 정보 확인

use mysql
select host, user from user;

데이터 베이스 생성하기

create database study;  -- study라는 데이터베이스 생성
create user 'study'@'%' identified by '1234'; -- 계정은 study 비밀번호는 1234
grant all privileges on * . * to 'study'@'%';  -- study에 모든 권한 부여
flush privileges;	-- 적용하기, 반드시해야함

5. 마지막으로 네이버클라우드 인바운드 포트에 3306 포트를 등록해주자~
console > Server > ACG > ACG 설정 > Inbound 등록

반드시 추가로 설정해줘야하는 부분이 있다. 이것은 아래글을 확인하자

https://devmg.tistory.com/347

우분투 Ubuntu 인스턴스에 Docker 도커설치 with 네이버 클라우드

dev.mk — Wed, 2 Oct 2024 10:53:08 +0900

OS환경 Ubuntu 22.04

1. 우분투 시스템 패키지 업데이트

sudo apt-get update

2. 필요한 패키지 설치

sudo apt-get install apt-transport-https ca-certificates curl gnupg-agent software-properties-common

3. Docker의 공식 GPG키를 추가

curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -

4. Docker의 공식 apt 저장소를 추가

sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable"

5. 시스템 패키지 업데이트

sudo apt-get update

6. Docker 설치

sudo apt-get install docker-ce docker-ce-cli containerd.io

7. 도커 실행상태 확인

sudo systemctl status docker

8. 도커 실행

sudo docker run hello-world

9. 현재 실행중인 컨테이너 확인

docker ps

설치 中....

우분투 MySQL설치시 오류(네이버 클라우드) Connection refused: no further informationthe last packet sent successfully to the server was 0 milliseconds ago. the driver has not received any packets from the server. connection refused: no further infomation

dev.mk — Sun, 22 Sep 2024 20:51:13 +0900

네이버 클라우드 우분투 서버에 mysql을 설치하고 인바운드 방화벽 규칙까지 설정했는데도

DBeaver 디비에서 연결시

Connection refused:

no further informationthe last packet sent successfully to the server was 0 milliseconds ago.

the driver has not received any packets from the server. connection refused: no further infomation

오류가 발생.

이유는 외부접속허용을 위해 bind-adress의 아이피를 수정해줘야한다.

mysql conf파일을 수정해야하며 아래의 명령어로 설정파일을 편집모드로 들어간다.

vi /etc/mysql/mysql.conf.d/mysqld.cnf

내용중에

bind-address = 127.0.0.1 을 > 0.0.0.0 으로 변경

mysqlx-bind-address 는 주석처리.

[AFTER]

bind-address = 0.0.0.0
#mysqlx-bind-address = 127.0.0.1

저장.

※ test connection에서 public key 문제 시 Driver properties탭 에서 설정 TRUE 로 변경

Dev. MK

클래식 바람의나라 국내성 부여성 지도 및 단축키

국내성 지도

부여성지도

단축키

타입스크립트(TypeScript) 란?

타입스크립트(TypeScript)란?

타입스크립트의 핵심 인터페이스 그리고 클래스

1. 인터페이스(Interface)

인터페이스의 주요 사용 이유

2. 클래스(Class)

클래스의 주요 사용 이유

인터페이스와 클래스의 차이점 및 결합 사용

요약

Redis 레디스 + 스프링부트 SpringBoot 연동 RedisTemplate, @Cacheable 사용하기

1. build.gradle에 redis 추가

2. application.yml 프로퍼티에 레디스 프로퍼티 추가

3. SpringBootApplication.java 어노테이션 정의

4. Redis 환경설정 java 작성

5. @Cacheable 설정 관련 java 작성

6. RedisTemplate 서비스 작성

7. RedisTemplate로 CRUD 테스트하기

레디스 데이터 저장

레디스 데이터 조회

레디스 데이터 삭제

레디스 만료시간 업데이트

8. 레디스 캐싱 이용하기

레디스 데이터 캐싱하기

우분투 도커Docker 레디스Redis 설치 (도커볼륨이용) with 네이버 클라우드

1. 도커에 레디스 이미지 다운

2. 다운된 레디스 이미지 확인

3. 레디스 볼륨설정

4. 레디스 컨피그 파일 만들기

5. Docker Container로 Redis 실행

6. 레디스 실행하기

7. 네이버클라우드 인바운드 포트에 6379 등록

로지텍 M720 마우스 스위치 수리하기

※고장증상

준비물

1. 옴므론 D2FC-F-7N(20M) 스위치. 가격 개당 약 1천원.

2. 드라이버 세트 ,인두, 납, 흡입기, 납흡수지 등등

3. 상하판분리

4. 휠 분리

5. 하판 PCB 분리

6. 스위치 교체

조립은 분해의 역순

도커Dcoker에 젠킨스Jenkins 설치하기 with 네이버 클라우드

도커에 젠킨스 이미지를 받아 컨테이너를 띄워보자

우분투버전

- 22.04.3 LTS

1. Jenkins 컨테이너 설치

2. 네이버클라우드 인바운드 포트에 8080 등록

3. {PUBLIC IP}:8080 으로 Jenkins 접속

4. 젠킨스 컨테이너 접속

5. 관리자 키 확인

6. Jenkins 웹 접속

네이버 클라우드 도커 Nginx와 Nginx Proxy Manager 설치하기 그리고 socket() [::]:80 failed 오류

우분투버전

- 22.04.3 LTS

1. 도커 컴포즈 설치

2. 도커 컴포즈로 nginx + nginx proxy manager 설치

3. 도커 컴포즈 파일을 작성 docker-compose.yml

우분투 MySQL 설치하기 with 네이버 클라우드

우분투버전

- 22.04.3 LTS

1. apt 패키지 이용

2. 설치확인

3. mysql 접속 및 루트계정 비밀번호 설정

4. 데이터베이스 생성 및 사용자 계정 생성

5. 마지막으로 네이버클라우드 인바운드 포트에 3306 포트를 등록해주자~console > Server > ACG > ACG 설정 > Inbound 등록

우분투 Ubuntu 인스턴스에 Docker 도커설치 with 네이버 클라우드

OS환경 Ubuntu 22.04

1. 우분투 시스템 패키지 업데이트

2. 필요한 패키지 설치

3. Docker의 공식 GPG키를 추가

4. Docker의 공식 apt 저장소를 추가

5. 시스템 패키지 업데이트

6. Docker 설치

7. 도커 실행상태 확인

8. 도커 실행

5. 마지막으로 네이버클라우드 인바운드 포트에 3306 포트를 등록해주자~
console > Server > ACG > ACG 설정 > Inbound 등록