Posts by Tag

Typescript

Generic

μ΅œλŒ€ 1 λΆ„ μ†Œμš”

generic μ΄λž€? μ„ μ–Έ μ‹œμ μ΄ μ•„λ‹ˆλΌ 생성 μ‹œμ μ— νƒ€μž…μ„ λͺ…μ‹œν•΄μ„œ ν•˜λ‚˜μ˜ νƒ€μž…λ§Œμ΄ μ•„λ‹ˆλΌ λ‹€μ–‘ν•œ νƒ€μž…μ„ μ‚¬μš©ν•  수 μžˆλ„λ‘ ν•œλ‹€ μ‚¬μš©ν•  λ•Œ μ™ΈλΆ€μ—μ„œ μ •μ˜ν•˜λŠ” νƒ€μž… μ œλ„€λ¦­μ€ λͺ¨λ“  νƒ€μž…μ„ λ°›μ•„λ“€μΈλ‹€λŠ” μ μ—μ„œ μž…λ ₯νŒŒλΌλ―Έν„° ν˜Ήμ€ λ¦¬ν„΄νƒ€μž…μ— anyλ₯Ό μ“°λŠ” 것과 λΉ„μŠ·ν•œ 점이 있...

readonly

μ΅œλŒ€ 1 λΆ„ μ†Œμš”

μˆœμ„œ μ„€λͺ… μžλ™μΆ”λ‘  constμ™€μ˜ λ‹€λ₯Έμ 

tRPC init

μ΅œλŒ€ 1 λΆ„ μ†Œμš”

tRPCλž€? trpcλŠ” νƒ€μž…μŠ€ν¬λ¦½νŠΈ 기반의 ν’€μŠ€νƒ ν”„λ ˆμž„μ›Œν¬μ΄λ‹€ λ‚˜λ„ μ–΄λ””μ„œ λ³Έ κΈ€μ΄κΈ°λŠ” ν•˜μ§€λ§Œ, GraphQL의 λΆ€μ‘±ν•˜κ±°λ‚˜ μ•„μ‰¬μš΄ 뢀뢄듀을 ν•΄κ²°ν•˜κΈ° μœ„ν•΄ λ‚˜μ™”λ‹€κ³  ν–ˆλ‹€ λ¬Όλ‘  ν”„λ‘ νŠΈλ‚˜ μ„œλ²„ λ‘˜λ‹€ νƒ€μž…μŠ€ν¬λ¦½νŠΈλ₯Ό μ‚¬μš©ν•΄μ•Όν•œλ‹€. μ„œλ²„μ—μ„œ νƒ€μž… 세이프 ν•¨μˆ˜λ₯Ό λ§Œλ“€λ©΄ 클라이...

Interface

1 λΆ„ μ†Œμš”

java 둜 κ°œλ°œν•  λ•Œμ—λŠ” 많이 μΌμ—ˆλŠ”λ°, Node.js λ₯Ό μ‚¬μš©ν•˜κ³  λ‚˜μ„œλŠ” javascript λ₯Ό μ‚¬μš©ν•˜λŠλΌ λ³„λ‘œ μ‚¬μš©ν•˜μ§€ μ•Šμ•˜λ˜ interface .. ν•˜μ§€λ§Œ typscript둜 λ°”κΎΈλ©΄μ„œ λ‹€μ‹œ λ“±μž₯ν•˜λ‹ˆ λ°˜κ°€μ› λ‹€

맨 μœ„λ‘œ 이동 ↑

Blog

notice-list

μ΅œλŒ€ 1 λΆ„ μ†Œμš”

test test test test test test

🧠github io init!🧠

μ΅œλŒ€ 1 λΆ„ μ†Œμš”

항상 κ³΅λΆ€ν•˜λŠ” 것을 μ •λ¦¬ν•˜λŠ” μŠ΅κ΄€μ€ λ“€μ—¬μ Έ μžˆμ§€λ§Œ λ„ˆλ¬΄ 이리저리 ν©μ–΄μ Έμžˆμ–΄μ„œ λ‚˜λ„ μ‹œμž‘ν•œλ‹€ λΈ”λ‘œκ·Έ!

맨 μœ„λ‘œ 이동 ↑

generic

Conditional Types

1 λΆ„ μ†Œμš”

μ œμ•½ 쑰건과 λ‹€λ₯΄κ²Œ νƒ€μž… κ΅¬ν˜„ μ˜μ—­μ—μ„œ μ‚¬μš©ν•˜λŠ” extendsλŠ” μƒν•¨μ—°μ‚°μžλ₯Ό μ‚¬μš©μ΄ κ°€λŠ₯ν•˜λ‹€!! 이λ₯Έ 쑰건뢀 νƒ€μž…μ΄λΌκ³  ν•œλ‹€ T extends U ? X : Y μ΄λŸ°μ‹μœΌλ‘œ μ‚¬μš©ν•œλ‹€ type IsString<T> = T extends string ? true : fals...

Generic

μ΅œλŒ€ 1 λΆ„ μ†Œμš”

generic μ΄λž€? μ„ μ–Έ μ‹œμ μ΄ μ•„λ‹ˆλΌ 생성 μ‹œμ μ— νƒ€μž…μ„ λͺ…μ‹œν•΄μ„œ ν•˜λ‚˜μ˜ νƒ€μž…λ§Œμ΄ μ•„λ‹ˆλΌ λ‹€μ–‘ν•œ νƒ€μž…μ„ μ‚¬μš©ν•  수 μžˆλ„λ‘ ν•œλ‹€ μ‚¬μš©ν•  λ•Œ μ™ΈλΆ€μ—μ„œ μ •μ˜ν•˜λŠ” νƒ€μž… μ œλ„€λ¦­μ€ λͺ¨λ“  νƒ€μž…μ„ λ°›μ•„λ“€μΈλ‹€λŠ” μ μ—μ„œ μž…λ ₯νŒŒλΌλ―Έν„° ν˜Ήμ€ λ¦¬ν„΄νƒ€μž…μ— anyλ₯Ό μ“°λŠ” 것과 λΉ„μŠ·ν•œ 점이 있...

맨 μœ„λ‘œ 이동 ↑

AWS

IAM

μ΅œλŒ€ 1 λΆ„ μ†Œμš”

IAM μ΄λž€ 무엇인가 - AWS Identity and Access Management(IAM)은 AWS λ¦¬μ†ŒμŠ€μ— λŒ€ν•œ μ•‘μ„ΈμŠ€λ₯Ό μ•ˆμ „ν•˜κ²Œ μ œμ–΄ν•  수 μžˆλŠ” μ›Ή μ„œλΉ„μŠ€μž…λ‹ˆλ‹€. IAM을 μ‚¬μš©ν•˜λ©΄ μ‚¬μš©μžκ°€ μ•‘μ„ΈμŠ€ν•  수 μžˆλŠ” AWS λ¦¬μ†ŒμŠ€λ₯Ό μ œμ–΄ν•˜λŠ” κΆŒν•œμ„ μ€‘μ•™μ—μ„œ 관리할 수 μžˆμŠ΅λ‹ˆλ‹€. I...

맨 μœ„λ‘œ 이동 ↑

interface

Interface

1 λΆ„ μ†Œμš”

java 둜 κ°œλ°œν•  λ•Œμ—λŠ” 많이 μΌμ—ˆλŠ”λ°, Node.js λ₯Ό μ‚¬μš©ν•˜κ³  λ‚˜μ„œλŠ” javascript λ₯Ό μ‚¬μš©ν•˜λŠλΌ λ³„λ‘œ μ‚¬μš©ν•˜μ§€ μ•Šμ•˜λ˜ interface .. ν•˜μ§€λ§Œ typscript둜 λ°”κΎΈλ©΄μ„œ λ‹€μ‹œ λ“±μž₯ν•˜λ‹ˆ λ°˜κ°€μ› λ‹€

맨 μœ„λ‘œ 이동 ↑

Trpc

tRPC init

μ΅œλŒ€ 1 λΆ„ μ†Œμš”

tRPCλž€? trpcλŠ” νƒ€μž…μŠ€ν¬λ¦½νŠΈ 기반의 ν’€μŠ€νƒ ν”„λ ˆμž„μ›Œν¬μ΄λ‹€ λ‚˜λ„ μ–΄λ””μ„œ λ³Έ κΈ€μ΄κΈ°λŠ” ν•˜μ§€λ§Œ, GraphQL의 λΆ€μ‘±ν•˜κ±°λ‚˜ μ•„μ‰¬μš΄ 뢀뢄듀을 ν•΄κ²°ν•˜κΈ° μœ„ν•΄ λ‚˜μ™”λ‹€κ³  ν–ˆλ‹€ λ¬Όλ‘  ν”„λ‘ νŠΈλ‚˜ μ„œλ²„ λ‘˜λ‹€ νƒ€μž…μŠ€ν¬λ¦½νŠΈλ₯Ό μ‚¬μš©ν•΄μ•Όν•œλ‹€. μ„œλ²„μ—μ„œ νƒ€μž… 세이프 ν•¨μˆ˜λ₯Ό λ§Œλ“€λ©΄ 클라이...

맨 μœ„λ‘œ 이동 ↑

GraphQL

tRPC init

μ΅œλŒ€ 1 λΆ„ μ†Œμš”

tRPCλž€? trpcλŠ” νƒ€μž…μŠ€ν¬λ¦½νŠΈ 기반의 ν’€μŠ€νƒ ν”„λ ˆμž„μ›Œν¬μ΄λ‹€ λ‚˜λ„ μ–΄λ””μ„œ λ³Έ κΈ€μ΄κΈ°λŠ” ν•˜μ§€λ§Œ, GraphQL의 λΆ€μ‘±ν•˜κ±°λ‚˜ μ•„μ‰¬μš΄ 뢀뢄듀을 ν•΄κ²°ν•˜κΈ° μœ„ν•΄ λ‚˜μ™”λ‹€κ³  ν–ˆλ‹€ λ¬Όλ‘  ν”„λ‘ νŠΈλ‚˜ μ„œλ²„ λ‘˜λ‹€ νƒ€μž…μŠ€ν¬λ¦½νŠΈλ₯Ό μ‚¬μš©ν•΄μ•Όν•œλ‹€. μ„œλ²„μ—μ„œ νƒ€μž… 세이프 ν•¨μˆ˜λ₯Ό λ§Œλ“€λ©΄ 클라이...

맨 μœ„λ‘œ 이동 ↑

Error

zsh: command not found: postgre error

μ΅œλŒ€ 1 λΆ„ μ†Œμš”

postgreλ₯Ό μ‚¬μš©ν•  일이 μžˆμ–΄μ„œ mac에 μ„€μΉ˜ ν–ˆλŠ”λ°, zshλ₯Ό μ‚¬μš©ν•˜λŠ”μ€‘μ΄λΌ ν™˜κ²½λ³€μˆ˜λ₯Ό μ„€μ •ν•΄μ£Όμ§€ μ•Šμ•„μ„œ λ§Œλ‚¨ μ„€μΉ˜ν–ˆμ„λ•Œ μ„€μ •ν•˜λΌκ³  μ•Œλ €μ€¬λŠ”λ° λ¬΄μ‹œν–ˆλ‹€κ°€ 자꾸 errorλ§Œλ‚¨ μ•žμœΌλ‘œλŠ” λ­ν• λ•Œ μœ μ‹¬νžˆ λ³΄λ„λ‘ν•˜μž 사진과 같이 μž…λ ₯ν•˜κ³  μ»΄νŒŒμΌν•˜λ©΄ 됨!

맨 μœ„λ‘œ 이동 ↑

Chaining

Chaining

μ΅œλŒ€ 1 λΆ„ μ†Œμš”

μ†μ„±μ˜ νƒ€μž…μ„ 단언해주면 문제λ₯Ό ν•΄κ²°ν•˜κΈ° μ‰½μ§€λ§Œ, 더 κ°„λ‹¨ν•˜κ²Œ 선택적 μ²΄μ΄λ‹μ—°μ‚°μžλ‘œ κ°€μž ```typescript obj?.prop; obj?.[expr]; arr?.[index]; func?.(args);

맨 μœ„λ‘œ 이동 ↑

ConditionalTypes

Conditional Types

1 λΆ„ μ†Œμš”

μ œμ•½ 쑰건과 λ‹€λ₯΄κ²Œ νƒ€μž… κ΅¬ν˜„ μ˜μ—­μ—μ„œ μ‚¬μš©ν•˜λŠ” extendsλŠ” μƒν•¨μ—°μ‚°μžλ₯Ό μ‚¬μš©μ΄ κ°€λŠ₯ν•˜λ‹€!! 이λ₯Έ 쑰건뢀 νƒ€μž…μ΄λΌκ³  ν•œλ‹€ T extends U ? X : Y μ΄λŸ°μ‹μœΌλ‘œ μ‚¬μš©ν•œλ‹€ type IsString<T> = T extends string ? true : fals...

맨 μœ„λ‘œ 이동 ↑

Nullish

Nullish

μ΅œλŒ€ 1 λΆ„ μ†Œμš”

논리 μ—°μ‚°μžλ₯Ό ν†΅ν•΄μ„œ Falsyν•œμ§€λ₯Ό μ²΄ν¬ν•˜λŠ” κ²½μš°κ°€ μžˆλŠ”λ°, ?? λ₯Ό μ΄μš©ν•΄μ„œ μ‚¬μš©ν•˜μž! ```javascript const foo = null ?? β€˜Hello nullish.’; console.log(foo); // Hello nullish.

맨 μœ„λ‘œ 이동 ↑

Partial

Partial

μ΅œλŒ€ 1 λΆ„ μ†Œμš”

type의 λͺ¨λ“  속성을 Optional둜 λ°”κΏ”μ€Œ

맨 μœ„λ‘œ 이동 ↑

Pick

Pick

μ΅œλŒ€ 1 λΆ„ μ†Œμš”

typeμ—μ„œ key둜 속성을 μ„ νƒν•œ μƒˆλ‘œμš΄ νƒ€μž…μ„ λ°˜ν™˜ type은 속성을 κ°€μ§€λŠ” μΈν„°νŽ˜μ΄μŠ€λ‚˜, κ°μ²΄νƒ€μž…μ΄μ–΄μ•Όν•¨ μΌλΆ€λ§Œ λ°›κ²Œν•œλ‹€κ³  μƒκ°ν•˜λ©΄ νŽΈν• λ“―

맨 μœ„λ‘œ 이동 ↑

Record

Record

μ΅œλŒ€ 1 λΆ„ μ†Œμš”

keyλ₯Ό μ†μ„±μœΌλ‘œ, TYPE을 κ·Έ μ†μ„±κ°‘μ˜ type으둜 μ§€μ •ν•˜λŠ” μƒˆλ‘œμš΄ νƒ€μž…μ„ λ°˜ν™˜ν•¨

맨 μœ„λ‘œ 이동 ↑

JSON

JSON

μ΅œλŒ€ 1 λΆ„ μ†Œμš”

JSON(JavaScript Object Notation)은 Javascript 객체 λ¬Έλ²•μœΌλ‘œ κ΅¬μ‘°ν™”λœ 데이터λ₯Ό ν‘œν˜„ν•˜κΈ° μœ„ν•œ ν‘œμ€€ 포맷 undefinedλ₯Ό μ œμ™Έν•œ κΈ°λ³Έ 데이터 νƒ€μž…μΈ λ¬Έμžμ—΄, 숫자, λ°°μ—΄, λΆˆλ¦¬μ–Έ 그리고 λ‹€λ₯Έ 객체λ₯Ό 포함할 수 있음 JSON은 μˆœμˆ˜ν•œ 데이...

맨 μœ„λ‘œ 이동 ↑

nest.js

Mapped types

μ΅œλŒ€ 1 λΆ„ μ†Œμš”

Mapped types CRUD 같은 κΈ°λŠ₯을 ꡬ좕할 λ•Œ κΈ°λ³Έ μ—”ν‹°ν‹° μœ ν˜•μ— λ³€ν˜•μ„ κ΅¬μ„±ν•˜λŠ” 것이 μœ μš©ν•œ κ²½μš°κ°€ λ§Žλ‹€. nest μ—μ„œλŠ” μ—¬λŸ¬ μœ ν‹Έλ¦¬ν‹° κΈ°λŠ₯을 μ œκ³΅ν•œλ‹€.

맨 μœ„λ‘œ 이동 ↑

swagger

Mapped types

μ΅œλŒ€ 1 λΆ„ μ†Œμš”

Mapped types CRUD 같은 κΈ°λŠ₯을 ꡬ좕할 λ•Œ κΈ°λ³Έ μ—”ν‹°ν‹° μœ ν˜•μ— λ³€ν˜•μ„ κ΅¬μ„±ν•˜λŠ” 것이 μœ μš©ν•œ κ²½μš°κ°€ λ§Žλ‹€. nest μ—μ„œλŠ” μ—¬λŸ¬ μœ ν‹Έλ¦¬ν‹° κΈ°λŠ₯을 μ œκ³΅ν•œλ‹€.

맨 μœ„λ‘œ 이동 ↑