일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
- CRUD w ReactQuery
- error
- CS
- Spa
- refactoring
- teave
- 회고
- wanted-preonboarding-course
- 멀티스레드
- 짝선배 짝후배 매칭 웹 개발 회고
- 멀티프로세스
- TypeScript
- Today
- Total
목록error (2)
깊고 넓은 삽질

🏁 목적 | jwt 토큰을 디코딩한 객체의 특정 value값을 storage에 넣기 ◼ 토큰을 디코딩해서 디코딩된 토큰 객체의 user_id 값을 사용하고 싶었다. ❌ 문제 | 객체의 속성을 못 찾음 그럼 디코딩된 토큰이 내가 생각하는 객체인지 확인해주는 타입가드를 넣으면 어떨까? ✅ 해결 | 사용자 정의 타입가드 함수 사용 구글링 해보니 is라는 ts문법으로 사용자정의 타입가드를 할 수 있단다 https://bobbyhadz.com/blog/typescript-check-if-unknown-has-property Check if Value with Unknown Type contains Property in TS | bobbyhadz Use a user-defined type guard to check..

🏁 목적 | 타입 상속을 이용한 타입 재사용 ◼ 상품에 대한 type들을 모은 ProductProps로부터 필요한 타입들을 ts문법 Pick을 이용해 가져오고자 했다. ❌ 문제 | Type '${target_type}' is not assignable to type 'Pick' ◼ Pick 는 분명 number타입인데 not assignable 하다고 한다,, ✅ 해결 | Pick은 객체 형태를 반환함 ◼ 찾아 보니 Pick으로 만든 타입은 타입 자체가 아니라 객체형태라고 한다. 즉, Pick는 string으로 바로 평가되는 것이 아니라 { "id": string }로 평가된다는 말이다. ◼ Pick을 최근에 배워서 빨리 써먹고 싶은 생각에 남발했던 것 같다..