yceffort
EN
20 POSTS

Typescript 1

  • #typescript#backend

    Effect ์‹œ์Šคํ…œ ์‹ฌ์ธต ๋ถ„์„: ๋ชจ๋‚˜๋“œ์—์„œ Algebraic Effects๊นŒ์ง€, ๊ทธ๋ฆฌ๊ณ  Effect-TS์˜ ์„ ํƒ

    Effect-TS๊ฐ€ ๋Œ€์ฒด ๋ญ”๋ฐ ๋‹ค๋“ค ๋‚œ๋ฆฌ์ธ์ง€ ์ง์ ‘ ํŒŒํ—ค์ณ๋ดค๋‹ค.

    41๋ถ„
  • #typescript

    TypeScript์—์„œ switch๋ฌธ์˜ ๋ชจ๋“  ์ผ€์ด์Šค๋ฅผ ๋น ์ง์—†์ด ์ฒ˜๋ฆฌํ–ˆ๋Š”์ง€ ๊ฒ€์‚ฌํ•˜๋Š” ๋ฐฉ๋ฒ•

    never ํƒ€์ž…์„ ํ™œ์šฉํ•œ exhaustive check ํŒจํ„ด

    13๋ถ„
  • #react#typescript

    useEvent์—์„œ useEffectEvent๊นŒ์ง€: React์˜ ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ ์•ˆ์ •ํ™” ์—ฌ์ •

    3๋…„ ์ „ RFC๊ฐ€ ๋“œ๋””์–ด ๋น›์„ ๋ณด๋‹ค

    24๋ถ„
  • #typescript

    ๋ฌธ์ž์—ด ๋ฆฌํ„ฐ๋Ÿด ์œ ๋‹ˆ์˜จ์— string์„ ์ถ”๊ฐ€ํ•˜๋ฉด ์ž๋™์™„์„ฑ์ด ์‚ฌ๋ผ์ง€๋Š” ์ด์œ 

    type Color = "red" | "blue" | string // ์ž๋™์™„์„ฑ: ๐Ÿฆ—...

    13๋ถ„
  • #typescript#compiler

    ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ปดํŒŒ์ผ๋Ÿฌ๋Š” ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋Š”๊ฐ€?

    clone ๋ฐ›์•„์„œ ์ฝ์–ด๋ณด์„ธ์—ฌ ์žฌ๋ฐŒ์–ด์—ฌ (์•ˆ์žฌ๋ฐŒ์Œ)

    27๋ถ„
  • #typescript

    ์•Œ์•„๋‘๋ฉด ์œ ์šฉํ•œ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ํŒ

    "ํƒ€์ž…"์Šคํฌ๋ฆฝํŠธ๋‹ˆ๊นŒ ํƒ€์ž…์„ ์ž˜ ํ• ์ค„ ์•Œ์•„์•ผ ํ•ฉ๋‹ˆ๋‹ค.

    6๋ถ„
  • #typescript

    ๋‚ด๊ฐ€ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์—์„œ Enum์„ ์ž˜ ์“ฐ์ง€ ์•Š๋Š” ์ด์œ 

    enum์ด ์ž˜๋ชปํ–ˆ๋„ค

    4๋ถ„
  • #react#typescript

    React.FC๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ์ด์œ 

    React.FC๊ฐ€ ์ž˜๋ชป๋๋‹ค๋Š” ์ด์•ผ๊ธฐ๋Š” ์•„๋‹™๋‹ˆ๋‹ค

    7๋ถ„
  • #typescript

    ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ Omit์€ ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ• ๊นŒ? Exclude, Pick ๋ถ€ํ„ฐ ์•Œ์•„๋ณด๊ธฐ

    ํ—ฌํผ ํƒ€์ž…๋„ ์ž˜ ์•Œ๊ณ  ์จ์•ผ ๋„์›€์ด ๋œ๋‹ค

    4๋ถ„
  • #typescript

    ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ ํ•จ์ˆ˜์˜ ๋‹คํ˜•์„ฑ

    mapped type๊ณผ ์˜ค๋ฒ„๋กœ๋”ฉ, ์–ด๋–ค๊ฑธ ์“ฐ๋Š”๊ฒŒ ์ข‹์„๊นŒ?

    14๋ถ„
  • #typescript

    ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ํƒ€์ž… never ์— ๋Œ€ํ•ด ์ž์„ธํžˆ ์•Œ์•„๋ณด์ž

    ์•Œ์ญ๋‹ฌ์ญ ์‹ ๊ธฐํ•œ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์™€ ํƒ€์ž…์˜ ์„ธ๊ณ„

    13๋ถ„
  • #career#frontend#typescript

    2021๋…„ ํšŒ๊ณ 

    2022๋…„์€ ๋” ์ข‹์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ธธ ๋ฐ”๋ผ๋ฉฐ

    8๋ถ„
  • #typescript

    Array vs ArrayLike, Promise vs PromiseLike

    ์ด๊ฑธ ์œ ์‚ฌ ๋ฐฐ์—ด์ด?

    6๋ถ„
  • #nextjs#error-handling#typescript

    ํด๋ผ์ด์–ธํŠธ ์„œ๋ฒ„ ๋ชจ๋‘์—์„œ nextjs์—์„œ api์—๋Ÿฌ ํ•ธ๋“ค๋งํ•˜๊ธฐ

    ๊ฒฐ๊ตญ ์—ฌ๊ธฐ๊นŒ์ง€ ์™€๋ฒ„๋ ธ๋„ค

    6๋ถ„
  • #typescript

    ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ ์ œ๋„ค๋ฆญ์€ ์ ์ ˆํ•œ ๋„ค์ด๋ฐ๊ณผ ํ•จ๊ป˜ ์‚ฌ์šฉํ•˜์ž

    ๋ฌด์ง€์„ฑ T, U, K ๋ฉˆ์ถฐ!

    6๋ถ„
  • #typescript

    ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ ํƒ€์ž…๊ณผ ์ œ๋„ค๋ฆญ ์ ๊ทน ํ™œ์šฉํ•˜๊ธฐ

    interface๋ฅผ ๋” ์ข‹์•„ํ•˜์ง€๋งŒ type์ด ๋” ๊ฐ„์ง€๋‚จ

    6๋ถ„
  • #typescript

    ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ ๊ตฌ์กฐ ํƒ€์ดํ•‘

    ์–€์„ผ ๋งž๊ณ  ์ •์‹  ๋‚˜๊ฐ€์„œ ํ•˜๋ฃจ๋ฅผ ์ˆœ์‚ญ๋‹นํ–ˆ์Šต๋‹ˆ๋‹ค

    6๋ถ„
  • #typescript

    Typescript, ๊ฐ์ฒด์˜ ํ‚ค์™€ ๊ฐ’ ํƒ€์ดํ•‘ํ•˜๊ธฐ

    ์•„์˜ค ํ”ผ๊ณคํ•ด

    2๋ถ„
  • #typescript

    Typescript์˜ Immutability

    ์ €๋Š” ์‚ฌ์‹ค Immutability์— ์•ˆ ์ข‹์€ ์ถ”์–ต์ด ์žˆ์Šต๋‹ˆ๋‹ค

    14๋ถ„
  • #typescript

    ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์—์„œ ์กฐ์‹ฌํ•ด์•ผํ•  ์Šต๊ด€

    M1 ๋งฅ๋ถ ํ”„๋กœ ๋„ˆ๋ฌด ์ข‹๋„ค์—ฌ

    8๋ถ„