milliwonkim의 블로그

구글로그인을 하기 위해서 서비스에 구글 로그인 버튼을 추가했습니다. async function handleLoginWithGoogle() { const provider = new GoogleAuthProvider() signInWithPopup(auth, provider) .then((result) => { const { user } = result; authStore.$patch({ auth: user, }); authUser.email = user.email as string; authUser.uid = user.uid; router.push(`/${DIARY}`); }) .catch((error) => { // Handle Errors here. const errorCode = error.code;..

/public 폴더 안에 ‘_redirects’ 파일을 만듭니다(file extension 붙이지 않습니다.) 해당 파일에 다음과 같이 입력하고 다시 Netlify에 배포하면 이슈가 해소됩니다. /* /index.html 200 참고 https://docs.netlify.com/routing/redirects/ Redirects and rewrites Netlify builds, deploys, and hosts your frontend. Learn how to get started, find examples, and access documentation for the modern web platform. docs.netlify.com

never: 공집합 const x: never = 12; // Type 'number' is not assignable to type 'never'.(2322) unknown: 전체집합 리터럴타입: 원소가 1개인 집합 값이 T에 할당 가능: 값이 T의 원소 T1이 T2에 할당 가능: T1이 T2의 부분집합 T1이 T2를 상속: T1이 T2의 부분집합 T1 | T2: T1과 T2의 합집합 type A = 'A' type B = 'B'; type Twelve = 12; type AB = 'A' | 'B'; type AB12 = 'A' | 'B' | 12; const a: AB = 'A'; const c: AB = 'C' // Type '"C"' is not assignable to type 'AB'.(232..

타입스크립트 컴파일러 역할 최신 타입스크립트/자바스크립트를 브라우저에서 동작할 수 있도록 ⇒ 구버전의 자바스크립트로 트랜스파일 트랜스파일 = translate + compile 여전히 컴파일되야하는 코드이기 때문에 컴파일과 분리되어 용어가 설명됨 코드 타입 오류 체크 ⇒ 서로 완벽히 독립적 타입스크립트가 자바스크립트로 변환될 때 코드 타입에는 영향을 주지 않음 자바스크립트 실행시점에도 타입은 영향을 미치지 않음 런타임에는 타입체크가 불가능 instanceof 체크는 런타임에 일어나지만, Rectangle은 타입이라서 런타임에는 아무런 영향이 없음. 따라서 해당 오류가 발생 // 'Rectangle' only refers to a type, but is being used as a value here.(2..

noImplicitAny function add(a, b) { return a + b } noImplicitAny가 해제돼있다면, 해당 코드의 타입은 다음과 같습니다. function add(a: any, b: any): any {} any타입을 매개변수에 사용하면 타입 체커는 유명무실해짐 따라서 noImplicitAny = true로해야함 그러면 위 코드는 다음과 같은 에러를 반환 // ‘a’ 매개변수에는 암시적으로 any 형식이 포함됩니다. 암시적으로 any로 설정됨 이는 해당 환경에서 오류로 간주 에러를 해결하려면 다음과 같이 하면됨 function add(a: number, b: number) { return a + b } // 혹은 function add(a: any, b: any) { retu..

‘정책 생성’ 클릭 ‘서비스 선택’ 클릭 후 IAM 클릭 ListUser, GetUser 선택 리소스에서 ‘All Resource(모든 리소스)’ 클릭 JSON을 보면 선택한 것들을 볼 수 있음 더이상 필요없는 그룹은 삭제 더이상 필요없는 더해진 정책 삭제 ⇒ X 버튼 클릭

정책을 클릭하면 정책과 관련된 JSON을 볼 수 있습니다. Policy summary를 보면 해당 정책과 관련된 서비스를 볼 수 있습니다.

그룹 생성 클릭 만약, kiwonkim-aws-2에서 그룹 생성을 할 경우, 이 유저에게는 읽기 권한만 있기 때문에 불가능하다 그룹 생성(권한은 아무거나 함) kiwonkim 클릭을 하면 ‘그룹에서 연결됨’에서 정책이 보임 각기 다른 방식으로 상속된 걸 볼 수 있음

삭제 후 kiwonkim-aws-2에 로그인 후 IAM의 사용자에 들어가면 권한이 삭제된 것을 확인 가능 다시 연결하려면, 권한추가 버튼 클릭 후 권한을 ‘IAMReadOnlyAccess’로 선택 권한 추가 버튼 클릭 다시 kiwonkim-aws-2로 들어가면 읽기권한이 다시 생성된 것을 확인가능

version: 정책 언어 버전(언제나 2012-10-17) id: 정책 인식자(optional) statement: 1개 이상의 개별적인 statement(필수) Sid: statement의 인식자 Effect: statement가 allow 혹은 deny 접근인지 알려줌 Principal: 적용될 account/user/role Action: 이 정책이 allow 혹은 deny 된지에 관련된 액션 리스트 Resource: 액션이 적용된 리소스 리스트 Condition: 이 정책이 언제 적용될지에 관련된 조건