post-thumbnail

TIL71. Hooks에 TypeScript μ μš©ν•˜κΈ°

useState ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈλŠ” νƒ€μž…μŠ€ν¬λ¦½νŠΈμ—†μ΄ μ»΄ν¬λ„ŒνŠΈλ₯Ό μž‘μ„±ν•˜λŠ” 것과 별 차이가 μ—†λ‹€. hooksλŠ” class μ»΄ν¬λ„ŒνŠΈμ™€ 달리, useStateλ₯Ό μ‚¬μš©ν•  λ•Œ Genericsλ₯Ό μ‚¬μš©ν•˜μ§€ μ•Šμ•„λ„ νƒ€μž…μŠ€ν¬λ¦½νŠΈκ°€ νƒ€μž…μ„ μœ μΆ”ν•˜κΈ° λ•Œλ¬Έμ— μƒλž΅ν•΄λ„ 상관없닀. useStat

2021λ…„ 1μ›” 24일
Β·
0개의 λŒ“κΈ€
post-thumbnail

TIL68. React + TypeScript κΈ°λ³Έμ„ΈνŒ…

λ¦¬μ•‘νŠΈ + νƒ€μž…μŠ€ν¬λ¦½νŠΈ κΈ°λ³Έμ„ΈνŒ…λ°©λ²•μ— λŒ€ν•΄ μ •λ¦¬ν•΄λ³΄μž.react + ts + prttier에 eslint μ„€μ •, airbnb κ·œμΉ™ 적용(tslintλŒ€μ‹  eslintμ„€μΉ˜)npm i -D eslint eslint-config-airbnb eslint-config-prett

2021λ…„ 1μ›” 18일
Β·
2개의 λŒ“κΈ€
post-thumbnail

TIL67. Utility Type

κ³ κΈ‰ νƒ€μž…μΈ 'utility type' λͺ‡κ°€μ§€λ₯Ό μ‚΄νŽ΄λ³΄μž. μœ ν‹Έλ¦¬ν‹° νƒ€μž… 이미 μ •μ˜ν•΄ 놓은 νƒ€μž…μ„ λ³€ν™˜ν•  λ•Œ μ‚¬μš©ν•˜κΈ° 쒋은 문법이닀. 기쑴의 μΈν„°νŽ˜μ΄μŠ€, μ œλ„€λ¦­ λ“±μ˜ κΈ°λ³Έ λ¬Έλ²•μœΌλ‘œ μΆ©λΆ„νžˆ νƒ€μž…μ„ λ³€ν™˜ν•  수 μžˆμ§€λ§Œ μœ ν‹Έλ¦¬ν‹° νƒ€μž…μ„ μ‚¬μš©ν•˜λ©΄ 훨씬 κ°„κ²°ν•œ 문법을 νƒ€μž…μ„ μ •

2021λ…„ 1μ›” 14일
Β·
0개의 λŒ“κΈ€
post-thumbnail

TIL66.νƒ€μž… μΆ”λ‘ &νƒ€μž… 단언&νƒ€μž… κ°€λ“œ&νƒ€μž… ν˜Έν™˜

νƒ€μž…μŠ€ν¬λ¦½νŠΈκ°€ νƒ€μž…μ„ 좔둠을 ν•΄λ‚˜κ°€λŠ” κ³Όμ • 및 단언과정 등에 λŒ€ν•΄ μ•Œμ•„λ³΄μž.νƒ€μž… μΆ”λ‘ μ΄λž€ νƒ€μž…μŠ€ν¬λ¦½νŠΈμ—μ„œ νƒ€μž…μ΄ μ§€μ •λ˜μ–΄ μžˆμ§€ μ•Šμ€ 경우, μ½”λ“œλ₯Ό ν•΄μ„ν•˜μ—¬ νƒ€μž…μ„ μœ μΆ”ν•΄λ‚˜κ°€λŠ” λ™μž‘μ„ λ§ν•œλ‹€.일일이 λ³€μˆ˜λ₯Ό μ„ μ–Έν•  λ•Œλ§ˆλ‹€ νƒ€μž…μ„ μ„ μ–Έν•΄μ•Όν•˜κ³  ν•„μš”ν•œ νƒ€μž…μ„ μ •μ˜ν•΄μ•Όν•˜λŠ” 번거

2021λ…„ 1μ›” 14일
Β·
0개의 λŒ“κΈ€
post-thumbnail

65. Generics

Cνƒ€μž…μŠ€ν¬λ¦½νŠΈμ—μ„œ νƒ€μž…μ„ 마치 ν•¨μˆ˜μ˜ νŒŒλΌλ―Έν„°μ²˜λŸΌ μ‚¬μš©ν•˜λŠ” 것을 μ˜λ―Έν•œλ‹€.μ œλ„€λ¦­μ„ μ‚¬μš©ν•˜λ©΄ ν΄λž˜μŠ€λ‚˜ ν•¨μˆ˜μ˜ λͺ©μ  쀑 ν•˜λ‚˜μΈ μž¬μ‚¬μš©μ„±μ΄ μ¦κ°€ν•œλ‹€. ν•œκ°€μ§€ νƒ€μž…λ³΄λ‹€ μ—¬λŸ¬κ°€μ§€ νƒ€μž…μ—μ„œ λ™μž‘ν•˜λŠ” μ»΄ν¬λ„ŒνŠΈλ₯Ό μƒμ„±ν•˜λŠ”λ° μ‚¬μš©λœλ‹€.κΈ°μ‘΄ νƒ€μž… μ •μ˜λ°©μ‹μ˜ 문제점이 무엇인지 νŒŒμ•…ν•˜κ³ ,

2021λ…„ 1μ›” 12일
Β·
0개의 λŒ“κΈ€
post-thumbnail

TIL63. Union Type & Enums

νŠΉμ • μΈμžλ‚˜ λ³€μˆ˜μ— ν•œκ°€μ§€ μ΄μƒμ˜ νƒ€μž…μ„ μ‚¬μš©ν•˜κ³  싢을 λ•Œ μ‚¬μš©ν•œλ‹€. μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ ORμ—°μ‚°μž(||)와 같이 aμ΄κ±°λ‚˜ b이닀 λΌλŠ” μ˜λ―Έμ΄λ‹€.'MONG'μ΄λž€ λ³€μˆ˜μ—λŠ” string, number, boolean νƒ€μž…μ„ λͺ¨λ‘ μ‚¬μš©ν•  수 μžˆλ‹€.μ—¬λŸ¬ νƒ€μž…μ„ λͺ¨λ‘ λ§Œμ‘±ν•˜λŠ” ν•˜λ‚˜μ˜

2021λ…„ 1μ›” 4일
Β·
0개의 λŒ“κΈ€
post-thumbnail

TIL61.Interface&Type Aliases

'μΈν„°νŽ˜μ΄μŠ€'의 μ‚¬μš©λ²•μ— λŒ€ν•΄ μ•Œμ•„λ³΄μž. Interfaceλž€? μΈν„°νŽ˜μ΄μŠ€λž€ κ°„λ‹¨ν•˜κ²Œ μ–΄λ– ν•œ λ‘κ°œμ˜ μ‹œμŠ€ν…œ 사이에 μƒν˜Έμž‘μš©ν•  수 있게 ν•΄μ£ΌλŠ” 쑰건, κ·œμ•½μ„ λ§ν•œλ‹€. interface + μ›ν•˜λŠ” 이름, 객체 μ•ˆμ— ν•­λͺ©λ“€μ„ λ„£μ–΄μ£Όκ³ , νƒ€μž…μ„ 지정해쀀닀. Interface

2020λ…„ 12μ›” 30일
Β·
0개의 λŒ“κΈ€
post-thumbnail

TIL58.TypeScript

TypeScript의 λͺ©μ , μ‚¬μš©λ²•μ— λŒ€ν•΄μ„œ μ•Œμ•„λ³΄μž.μžλ°”μŠ€ν¬λ¦½νŠΈμ— νƒ€μž…μ„ λΆ€μ—¬ν•œ 언어이닀. νƒ€μž…μŠ€ν¬λ¦½νŠΈλŠ” μžλ°”μŠ€ν¬λ¦½νŠΈμ™€ 달리 λΈŒλΌμš°μ €μ—μ„œ μ‹€ν–‰ν•˜λ €λ©΄ νŒŒμΌμ„ λ³€ν™˜ν•΄μ£Όμ–΄μ•Όν•œλ‹€.//tsμ½”λ“œfunction sum(a: number, b: number) { return a

2020λ…„ 12μ›” 27일
Β·
0개의 λŒ“κΈ€