TypeScript

[FrontEnd] FCM을 이용해 웹 푸시 알림 적용하기

[FrontEnd] FCM을 이용해 웹 푸시 알림 적용하기 안녕하세요 : ) 텔링미의 프론트엔드 개발자 밍(Ming)입니다 ! medium.com 안녕하세요 : ) 텔링미의 프론트엔드 개발자 밍(Ming)입니다 !! 저번 카카오 로그인 게시글 이후로 약 두 달 만인데, 잘 지내셨을까요 ~? 오늘은 웹 푸시 알림에 대해 설명해 드리려고 합니다. 그전에..! 텔링미에서 정식 출시되는 서비스에는 슬프게도 웹 푸시 알림은 제외하기로 결정하게 되었어요 ..🥲 그래도 지금까지 제일 어렵고 제일 헤맸던 기능인 푸시 알림에 대한 것들을 기록하고 설명해 드리고 싶어서 가져오게 되었습니다. 지금부터 저의 아픈 손가락,, 푸시 알림에 대해 알아보도록 할까요 ?! 설치 + 기본 세팅 푸시 알림을 구현하면서 제일 먼저 든 생각..

[ TypeScript ] type-challenges-00018-easy-tuple-length

00018-easy-tuple-length [ 문제 설명 ] For given a tuple, you need create a generic `Length`, pick the length of the tuple [ 문제 ] type Length = any​ [ 예시 ] type tesla = ['tesla', 'model 3', 'model X', 'model Y'] type spaceX = ['FALCON 9', 'FALCON HEAVY', 'DRAGON', 'STARSHIP', 'HUMAN SPACEFLIGHT'] type teslaLength = Length // expected 4 type spaceXLength = Length // expected 5 튜플(readonly 배열) 타입의 길이를 ..

[ TypeScript ] type-challenges - 00014-easy-first

00014-easy-first [ 문제 설명 ] Implement a generic `First` that takes an Array `T` and returns its first element's type. [ 문제 ] type First = any​ [ 예시 ] type arr1 = ['a', 'b', 'c'] type arr2 = [3, 2, 1] type head1 = First // expected to be 'a' type head2 = First // expected to be 3​ 타입의 맨 첫 번째 원소를 가져올 수 있는 First 타입을 정의하는 문제입니다. ( First 타입은 유틸리티 타입처럼 이미 정의된 타입이 아니라서 사용자가 직접 작성해서 사용해요 ! ) 배열의 길이 구하기 보..

[ TypeScript ] type-challenges - 00011-easy-tuple-to-object

00011-easy-tuple-to-object [ 문제 설명 ] Given an array, transform it into an object type and the key/value must be in the provided array. [ 문제 ] type TupleToObject = any [ 예시 ] const tuple = ['tesla', 'model 3', 'model X', 'model Y'] as const type result = TupleToObject // expected { 'tesla': 'tesla', 'model 3': 'model 3', 'model X': 'model X', 'model Y': 'model Y'} 시작하기 전에,, 4번과 7번 문제는 정답에 대한 설명 없..

[ TypeScript ] type-challenges - 00007-easy-readonly

00007-easy-readonly [ 문제 설명 ] Implement the built-in `Readonly` generic without using it. Constructs a type with all properties of T set to readonly, meaning the properties of the constructed type cannot be reassigned. [ 문제 ] type MyReadonly = any​ [ 예시 ] interface Todo { title: string description: string } const todo: MyReadonly = { title: "Hey", description: "foobar" } todo.title = "Hello" // ..

[ TypeScript ] type-challenges - 00004-easy-pick

안녕하세요 😊 정말 오랜만에... 쓰는 글이네요 하하... 진행하고 있는 프로젝트에서 1차 배포 기간을 가지게 되어서 블로그에 신경을 많이 쓰지 못했어요 ..🥲 하지만, 다시 돌아왔으니 일주일에 한 번 업로드를 목표로 블로그를 채워나가보도록 하겠습니다 ❗❗ 저는 타입스크립트를 사용해 프로젝트를 진행한 횟수가 현재 진행 중인 프로젝트를 포함해 2번이에요. 하지만, 최근에 타입스크립트를 제대로 사용하고 있는 것인가에 대한 의문이 들기 시작했어요. 왜냐면 저는 빨간줄 위에 마우스 커서를 올려서 오류를 고치거나, 오류 문구를 인터넷에 복붙해 해결한 기억밖에 없기 때문입니다..🥲 그러던 중, 알고리즘 스터디원 분이 type-challenges를 하려고 한다고 말씀해주셔서 저도 슬쩍 합류해 보기로 했습니다 ㅎ ht..

[TypeScript] 지금까지 만난 타입스크립트 룰 정리본

프로젝트를 진행하면서 에러로 만나게 된 타입스크립트 룰들을 정리하는 게시글입니다 : ) 계속 업로드 할 예정이며, 초반에는 많이 정리되어 있지 않으니 밑에 공식 문서를 확인해주세요 ! https://typescript-eslint.io/rules/adjacent-overload-signatures adjacent-overload-signatures | typescript-eslint Require that function overload signatures be consecutive. typescript-eslint.io 1. strict-boolean-expressions " 엄격한 boolean 표현식 " boolean이 예상되는 표현식에서 boolean이 아닌 다른 타입 사용을 금지합니다. ( bo..