전체 글

Vue.js 3 Composition Style 타입스크립트 정리

Props 타입 설정 기본 Props 정의 {{ props.message }} {{ props.numbers }} 키워드 '?'를 붙이면 Optional 한 Prop이 되고 붙이지 않으면 Required 한 Prop이 된다. Props Default 값 설정 기본 타입 Default 값 설정 {{ props.message }} Props의 Default 값을 설정하려면 Vue에서 제공해 주는 withDefaults라는 컴파일러 매크로를 사용해야 한다. 첫 번째 인수는 defineProps() 매크로를 넣어주고 두 번째 인수는 객체를 정의하여 각 Prop별로 default 값을 설정해 주면 된다. 배열(Array) Default 값 설정 {{ props.numbers }} 배열은 화살표 함수를 사용하여 d..

Python 문법 정리

몫과 거듭제곱 print(10 // 2) # 몫: 5 print(2 ** 3) # 거듭제곱: 8 가감승제 연산자(+, -, *, /)와 나머지 연산자(%)는 Java와 같다. List 자료형 기본 문법 # 선언 및 초기화 arr = [1, 2, 3, 4] # 인덱스 접근 print( arr[0] ) # 1 출력 print ( arr[-1] ) # 4출력 # 값 재할당 arr[0] = 10 print( arr[0] ) # 10 출력 arr[0] = 1 # 슬라이싱 list[n:m] n부터 m앞까지 print( arr[0:2] ) # [1, 2] print( arr[0:-1] ) # [1, 2, 3] print( arr[1:-1] ) # [2, 3] # 리스트 초기화 arr.clear() # 리스트 컴프리헨..

Refresh Token을 사용하는 이유

Refresh Token을 사용하는 이유 보안 문제 Access Token은 브라우저(쿠키, 로컬 스토리지 등)에 저장하기 때문에 언제든지 탈취당할 가능성이 있다고 한다. 이러한 보안 문제점 때문에 대안으로 나온 개념이 Refresh Token이다. Access Token의 유효기간을 짧게 설정하고, Refresh Token의 유효기간을 길게 잡아서 리소스에 접근할 때는 Access Token을 통해서 하고 Access Token의 유효기간이 만료되면 Refresh Token으로 Access Token을 재발급받는 형태의 메커니즘이다. 이런 식으로 리소스 접근을 위한 Access Token의 유효기간을 짧게 설정함으로써 Access Token을 탈취당했을 때 짧은 시간 동안에만 피해가 발생하도록 하는 방..