post-thumbnail

TIL77.keyof, typeof

keyof typeof๋ฅผ ์œ ์šฉํ•˜๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์˜ˆ์ œ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž.์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋ณ€์ˆ˜์˜ ๋ฐ์ดํ„ฐ ํƒ€์ž…์„ ๋ฐ˜ํ™˜ํ•˜๋Š” typeof ์—ฐ์‚ฐ์ž๊ฐ€ ์กด์žฌํ•œ๋‹ค.ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋Š” ๋ณ€์ˆ˜ ๋˜๋Š” ์†์„ฑ์˜ ์œ ํ˜•์„ ์ฐธ์กฐํ•˜๊ธฐ ์œ„ํ•ด typeof๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค.๊ธฐ๋ณธ์œ ํ˜•๋ณด๋‹ค๋Š” ๋‹ค๋ฅธ ์œ ํ˜• ์—ฐ์‚ฐ์ž์™€ ๊ฒฐํ•ฉํ•˜์—ฌ t

2021๋…„ 3์›” 14์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

TIIL76.non-null assertion๊ณผ optional chaining

null ํƒ€์ž… ์˜ค๋ฅ˜๋ฅผ ํ•ด๊ฒฐํ•˜๊ณ  ์ •๋ฆฌํ•ด๋ณด์ž.null ํƒ€์ž… ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ์„ ๊ฒฝ์šฐ, ํ”ผ์—ฐ์‚ฐ์ž๊ฐ€ Nullish(null or undefined)๊ฐ’์ด ์•„๋‹˜์„ ๋ช…์‹œํ•ด์•ผ ํ•˜๋Š”๋ฐ if์กฐ๊ฑด๋ฌธ์„ ์‚ฌ์šฉํ•˜๊ฑฐ๋‚˜, non-null assertion๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋‹ค.null์ด ์•„๋‹Œ

2021๋…„ 2์›” 27์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

TIL75.์™ธ๋ถ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ชจ๋“ˆํ™”

์™ธ๋ถ€๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ชจ๋“ˆ์˜ ํƒ€์ž…์„ ์ •์˜ํ•ด๋ณด์ž. ์™ธ๋ถ€๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ชจ๋“ˆ๊ณผ ํƒ€์ž… ๊ธฐ๋ณธ์ ์œผ๋กœ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๋งŒ๋“ค์–ด์ง„ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๊ธฐ ๋•Œ๋ฌธ์— ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋กœ ์ธ์‹ํ•  ์ˆ˜ ์žˆ๋Š” ํ˜•ํƒœ๋กœ ํƒ€์ž…์„ ์ •์˜ํ•ด์ฃผ์–ด์•ผ ํ•œ๋‹ค. axios๊ฐ™์€ ์™€๋ถ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ๊ฒฝ์šฐ์—๋Š” ์ด๋ฏธ ๊ด€๋ฆฌ๊ฐ€ ์ž˜ ๋˜์–ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ๋”ฐ๋กœ

2021๋…„ 2์›” 23์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
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๊ฐœ์˜ ๋Œ“๊ธ€
ยท