post-thumbnail

CSS ๊ฐ€์ƒ ํด๋ž˜์Šค์™€ ๊ฐ€์ƒ ์š”์†Œ

์š”์†Œ์˜ ํŠน์ •ํ•œ ๋ถ€๋ถ„์— CSS ์†์„ฑ์„ ์ ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ์„ ํƒ์ž์— ์ถ”๊ฐ€ํ•˜๋Š” ํ‚ค์›Œ๋“œ์ž…๋‹ˆ๋‹ค.์š”์†Œ์— CSS ์†์„ฑ์„ ์ ์šฉํ•˜๋Š” ๊ฒƒ๊ณผ ๊ฐ™์€ ๋ฐฉ๋ฒ•์œผ๋กœ ๋‹ค์–‘ํ•œ CSS ์†์„ฑ์„ ์ ์šฉํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ํ•˜๋‚˜์˜ ํ•˜์œ„ ์š”์†Œ์ฒ˜๋Ÿผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์–ด์„œ ๊ฐ€์ƒ ์š”์†Œ๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค.::before: ์š”์†Œ ๋‚ด์šฉ

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

Promise์— ๋Œ€ํ•ด์„œ

์˜ค๋Š˜์€ Promise์— ๋Œ€ํ•ด์„œ ์ด์•ผ๊ธฐ๋ฅผ ๋‚˜๋ˆ ๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.์š”์ฆ˜ ๋“ค์–ด์„œ ๊ธฐ๋ณธ ๊ฐœ๋…์ด ๋งค์šฐ๋งค์šฐ ๋ถ€์กฑํ•˜๋‹ค๋Š” ์ƒ๊ฐ์„ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.. ๐Ÿคฆโ€โ™‚๏ธ์‚ฌ์‹ค Promise์— ๋Œ€ํ•ด์„œ ๊ณต๋ถ€ํ•˜๋ ค๊ณ  ํ•˜๋Š” ๊ฒƒ๋„.. axios ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์— ๋Œ€ํ•ด์„œ ์ฐพ์•„๋ณด๋‹ค๊ฐ€.. ์ดํ•ด๊ฐ€ ์ž˜ ๋˜์ง€ ์•Š์•„์„œ.. ์ฐพ์•„๋ณด๊ฒŒ

2023๋…„ 6์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

React Hook Form ์ด์šฉํ•ด์„œ MUI ์ปดํฌ๋„ŒํŠธ ์ œ์–ดํ•˜๊ธฐ

์˜ค๋Š˜์€ React Hook Form ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ด์šฉํ•ด์„œ MUI์™€ ๊ฐ™์€ UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ œ์–ดํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๊ฐ™์ด ๋‚˜๋ˆ ๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.์šฐ์„  React Hook Form ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์— ๋Œ€ํ•œ ๊ฐœ๋… ์—†์ด MUI ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ œ์–ดํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ฐพ๊ธฐ๊นŒ์ง€ ๋„ˆ๋ฌด ํž˜๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.. ๐Ÿ’ฉ

2023๋…„ 5์›” 29์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

@media ์ •๋ฆฌ

์‚ฌ์šฉ์ž์—๊ฒŒ ์ ํ•ฉํ•œ ๋ ˆ์ด์•„์›ƒ์„ ์ œ๊ณตํ•˜๊ธฐ ์œ„ํ•ด์„œ media query๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.๋ฏธ๋””์–ด ์ฟผ๋ฆฌ๋Š” ๋‹จ๋ง๊ธฐ์˜ ์œ ํ˜•์ด๋‚˜ ํ•ด์ƒ๋„์— ๋”ฐ๋ผ ์›น ์‚ฌ์ดํŠธ๋‚˜ ์•ฑ์˜ ์Šคํƒ€์ผ์„ ์ˆ˜์ •ํ•  ๋•Œ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค.์žฅ์น˜์˜ ์ผ๋ฐ˜์ ์ธ ๋ฒ”์ฃผ๋ฅผ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค.not์ด๋‚˜ only ๋…ผ๋ฆฌ ์—ฐ์‚ฐ์ž๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ๋ฅผ ์ œ์™ธํ•˜๋ฉด ์„ ํƒ์‚ฌ

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

Next.js์— Emotion ์ ์šฉํ•˜๊ธฐ

Next.js์— ์ „์ฒด์ ์œผ๋กœ Emotion์„ ์ ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.ํšŒ์‚ฌ์—์„œ ์ฃผ๋กœ ๋ชจ๋ฐ”์ผ ์›น์•ฑ์œผ๋กœ ์ž‘์—…์„ ํ•˜๋‹ค๊ฐ€ ์ƒˆ๋กœ์šด ํ”„๋กœ์ ํŠธ๋ฅผ ์ž‘์—…ํ•˜๊ฒŒ ๋๋Š”๋ฐ์š”.๋ฐ˜์‘ํ˜• ์›น์œผ๋กœ ์ž‘์—…์„ํ•˜๊ณ  ์ดˆ๊ธฐ์„ธํŒ…๊นŒ์ง€ ํ•˜๋ ค๊ณ  ํ•˜๋‹ˆ ์ต์ˆ™ํ•˜์ง€ ์•Š์€ ๋ถ€๋ถ„์ด ๋งŽ์•˜์Šต๋‹ˆ๋‹ค ๐Ÿ˜ขemotion์—์„œ ์ œ๊ณตํ•˜๋Š”

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

TypeScript + ESLint + Prettier แ„‰แ…ฅแ†ฏแ„Œแ…ฅแ†ผแ„’แ…กแ„€แ…ต

CRA๋กœ ๊ตฌ์ถ•ํ•  ๋•Œ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ๊ธฐ๋ณธ์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ํ”„๋กœ์ ํŠธ์—์„œ eslint์™€ prettier๋ฅผ ์„ค์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋‚จ๊ฒจ๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค!๊ธฐ๋ณธ์ ์œผ๋กœ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋กœ ์–ธ์–ด๋ฅผ ์„ค์ •ํ•˜๊ณ  CRA๋ฅผ ํ†ตํ•ด์„œ ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ์„ฑํ–ˆ๋‹ค๋ฉด typescript-eslint๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.์ „์ฒด์ ์ธ

2023๋…„ 5์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

Next.js page.tsx ์‚ฌ์šฉํ•˜๊ธฐ

Next.js์˜ pageExtensions ๊ธฐ๋Šฅ์„ ํ†ตํ•ด์„œ index.page.tsx์™€ ๊ฐ™์€ ํ˜•์‹์œผ๋กœ ํŽ˜์ด์ง€๋ฅผ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค!pageExtensions๋Š” next.config.json ์˜ต์…˜ ์ค‘ ํ•˜๋‚˜๋กœ ํŠน์ • ํ˜•์‹์˜ ์ด๋ฆ„์„ ํŽ˜์ด์ง€๋กœ ์ธ์‹ํ•˜๋Š” ๊ธฐ๋Šฅ์ž…๋‹ˆ๋‹ค.์ด๋ ‡๊ฒŒ ์‚ฌ์šฉํ•˜๋Š”

2023๋…„ 5์›” 8์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

๋‚˜๋งŒ์˜ eslint-config ๋งŒ๋“ค๊ธฐ (์‹ค์ „ํŽธ) (feat. airbnb)

์ด์ „์— ๋‚˜๋งŒ์˜ eslint-config ๋งŒ๋“ค๊ธฐ (์ด๋ก ํŽธ)์„ ํฌ์ŠคํŒ…ํ–ˆ๋Š”๋ฐ์š”!์‚ฌ์‹ค ์ด๋ก ํŽธ์ด๋ผ๊ธฐ ๋ณด๋‹ค๋Š” ESLint์˜ ๊ณต์‹๋ฌธ์„œ์˜ ์ผ๋ถ€๋ฅผ ๋ฒˆ์—ญํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค!์‹ค์ œ๋กœ eslint-config๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋” ๋‹ค์–‘ํ•œ ๋ถ€๋ถ„์„ ์ดํ•ดํ•  ์ˆ˜ ์žˆ์–ด์•ผํ•  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.๋‹ค๋ฅธ eslint-c

2023๋…„ 5์›” 8์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

๋‚˜๋งŒ์˜ eslint-config ๋งŒ๋“ค๊ธฐ (์ด๋ก ํŽธ)

ํ•ด๋‹น ํฌ์ŠคํŒ…์€ eslint ๊ณต์‹ ํ™ˆํŽ˜์ด์ง€๋ฅผ ๋ฒˆ์—ญํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค.ESLint Configuration์„ ๊ณต์œ ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š”, ๊ณต์œ  ๊ฐ€๋Šฅํ•œ config๋ฅผ ๋งŒ๋“ค์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.๊ณต์œ  ๊ฐ€๋Šฅํ•œ config๋ฅผ NPM์— ๋ฐฐํฌํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๋‹ค๋ฅธ ์‚ฌ์šฉ์ž๋“ค์ด ๋ฐฐํฌ๋œ config๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜๊ณ 

2023๋…„ 5์›” 7์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

Husky & lint-staged แ„‰แ…ฅแ†ฏแ„Œแ…ฅแ†ผแ„’แ…กแ„€แ…ต

์ด์ „์— @typescript-eslint์™€ prettier๋ฅผ ์„ค์ •ํ•œ ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค.prettier๋Š” ์ฝ”๋“œ ํฌ๋งทํŒ…์„ ํ•˜๊ธฐ ์œ„ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๊ธฐ ๋•Œ๋ฌธ์— ํฌ๊ฒŒ ์„ค์ •ํ•  ๋‚ด์šฉ์ด ์—†์—ˆ๋Š”๋ฐ์š”.eslint์˜ ๊ฒฝ์šฐ์—๋Š” ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.์ €๋Š” ๊ธฐ์กด์— CRA์„ ์ด์šฉํ•ด์„œ ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ์„ฑํ–ˆ์—ˆ์Šต

2023๋…„ 5์›” 7์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

๋งˆํฌ์—… ์ฝ”๋”ฉ ์ปจ๋ฒค์…˜ (Markup Coding Convention)

์ฝ๊ณ , ๊ด€๋ฆฌํ•˜๊ธฐ ์‰ฌ์šด ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๊ธฐ ์œ„ํ•œ ์ผ์ข…์˜ ์ฝ”๋”ฉ ์Šคํƒ€์ผ ๊ทœ์•ฝ๋ฆฐํ„ฐ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค๋Š” ๊ฐ€์ •ํ•˜์— ๋ฆฐํ„ฐ๋กœ ๊ฒ€์ถœํ•  ์ˆ˜ ์—†๋Š” ๋ชจํ˜ธํ•œ ๋ถ€๋ถ„์„ ๊ฐ€์ด๋“œ์ด๋ฒˆ์— ํšŒ์‚ฌ์—์„œ ๋งˆํฌ์—… ์ฝ”๋”ฉ ์ปจ๋ฒค์…˜ ๊ด€๋ จํ•ด์„œ ์ •๋ฆฌํ•˜๊ฒŒ ๋  ๊ธฐํšŒ๊ฐ€ ์ƒ๊ฒผ์Šต๋‹ˆ๋‹ค.์—ฌ๋Ÿฌ ํฌ์ŠคํŒ…๋“ค์„ ์ฐพ์•„๋ณด๊ณ  ์ €ํฌํ•œํ…Œ ๋งž๋Š” ์ฝ”๋”ฉ ์ปจ๋ฒค์…˜์„ ์ž‘์„ฑ

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

๋ฆด๋ฆฌ์ฆˆ ๋…ธํŠธ(Release Note)๋ฅผ ์ž‘์„ฑํ•ด๋ณด์ž

๋ฆด๋ฆฌ์ฆˆ ๋…ธํŠธ๋ž€ ๋ฌด์—‡์ผ๊นŒ? ๐Ÿค”์ผ์ƒ ์†์—์„œ ๋ฆด๋ฆฌ์ฆˆ ๋…ธํŠธ์™€ ๊ฐ€์žฅ ๋น„์Šทํ•œ ๋…ธํŠธ๋ฅผ ์ฐพ์„ ์ˆ˜ ์žˆ๋Š” ๊ฐ€์žฅ ์‰ฌ์šด ๋ฐฉ๋ฒ•์€ ๋ฌด์—‡์ผ๊นŒ์š”?์ œ๊ฐ€ ์ƒ๊ฐํ•œ ๋ฐฉ๋ฒ•์€ ๋ฐ”๋กœ ๊ฒŒ์ž„ ์—…๋ฐ์ดํŠธ(ํŒจ์น˜) ๋…ธํŠธ๋ฅผ ํ™•์ธํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.์–ด๋– ํ•œ ์ƒˆ๋กœ์šด ์ด๋ฒคํŠธ๋“ค์ด ์ถ”๊ฐ€ ๋๋Š”์ง€, ์บ๋ฆญํ„ฐ์˜ ๋ฐธ๋Ÿฐ์Šค ํŒจ์น˜, ๋ฒ„๊ทธ ์ˆ˜์ • ๋“ฑ ์‰ฝ

2023๋…„ 5์›” 4์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

TypeScript ์ฝ”๋”ฉ ์ปจ๋ฒค์…˜

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์— ๋Œ€ํ•œ ์ฝ”๋”ฉ ์ปจ๋ฒค์…˜์„ ์ฃผ๋„์ ์œผ๋กœ ๋‹ค๋ฃจ๊ฒŒ ๋  ๊ธฐํšŒ๊ฐ€ ์ƒ๊ฒจ์„œ ์ž๋ฃŒ๋ฅผ ์ •๋ฆฌํ•ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.๋‹ค๋ฅธ ์ž๋ฃŒ๋“ค์„ ์ฐพ์•„๋ณด์‹œ๋ฉด ํ›จ์”ฌ ๋” ๋งŽ์€ ์ปจ๋ฒค์…˜ ๋‚ด์šฉ์„ ํ™•์ธํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.์ €๋Š” TypeScript ์ปจ๋ฒค์…˜์œผ๋กœ ๋ถ„๋ฅ˜๋  ์ˆ˜ ์žˆ์„๋งŒํ•œ ๋‚ด์šฉ๋งŒ ๊ฐ„๋‹จํ•˜๊ฒŒ ์ถ”๋ ค๋ณด์•˜์Šต๋‹ˆ๋‹ค

2023๋…„ 5์›” 4์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

CSS-in-JSแ„‹แ…ฆแ„‰แ…ฅ Stylelint แ„‰แ…กแ„‹แ…ญแ†ผแ„’แ…กแ„€แ…ต (feat. emotion, styled-components)

๊ธฐ์กด์— CSS-in-JS๋กœ emotion์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์—ˆ๋Š”๋ฐ์š”.styled-components์™€ ๋‹ฌ๋ฆฌ emotion์—์„œ๋Š” stylelint๋ฅผ ์„ค์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ๋”ฐ๋กœ ์—†์—ˆ์Šต๋‹ˆ๋‹ค.๊ณต์‹๋ฌธ์„œ๋ฅผ ๋ด๋„ stylelint์™€ ๊ด€๋ จ๋œ ๋‚ด์šฉ์„ ์ฐพ์•„๋ณด๊ธฐ ์–ด๋ ค์› ์Šต๋‹ˆ๋‹ค. ๐Ÿคฆโ€โ™‚๏ธ๋ช‡ ์ผ๋™์•ˆ ์ •

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

Git ์ปค๋ฐ‹ ๋ฉ”์‹œ์ง€ ์ž‘์„ฑ๋ฒ•

์—…๋ฌด, ๊ฐœ์ธ ํ”„๋กœ์ ํŠธ ๋“ฑ ์šฐ๋ฆฌ๋Š” ์ปค๋ฐ‹ ๋ฉ”์‹œ์ง€๋ฅผ ๋งค์ผ ์ž‘์„ฑํ•ฉ๋‹ˆ๋‹ค.๊ฐœ์ธ์ ์œผ๋กœ ๊ทธ๋งŒํผ ์ œ๋Œ€๋กœ ์‹ ๊ฒฝ์“ฐ์ง€ ์•Š๊ณ , ์ปค๋ฐ‹ ๋ฉ”์‹œ์ง€๋ฅผ ์ž‘์„ฑํ–ˆ๋˜ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.์˜ค๋Š˜์€ ์ด๋ ‡๊ฒŒ ์‹ ๊ฒฝ์“ฐ์ง€ ์•Š์€ ์ปค๋ฐ‹ ๋ฉ”์‹œ์ง€ ์ž‘์„ฑ๋ฒ•์— ๋Œ€ํ•ด์„œ ๋‚˜๋ˆ ๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.์‚ฌ์‹ค ํšŒ์‚ฌ์—์„œ๋Š” ์ด๋ ‡๊ฒŒ ์ปค๋ฐ‹ ๋ฉ”์‹œ์ง€๋ฅผ ์ž‘์„ฑํ•˜์„ธ์š”! ๋ผ๊ณ 

2023๋…„ 5์›” 1์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

Git & Github ํ†บ์•„๋ณด๊ธฐ (w. ๋ช…๋ น์–ด ์ •๋ฆฌ)

์˜ค๋Š˜์€ git ๋ช…๋ น์–ด์— ๋Œ€ํ•ด์„œ ํ†บ์•„๋ณด๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์ ธ๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.์ตœ๊ทผ์— ํ†บ์•„๋ณด๊ธฐ ๋ผ๋Š” ๋‹จ์–ด๊ฐ€ ์ œ ๋ˆˆ์— ๋งŽ์ด ๋ณด์˜€๋Š”๋ฐ์š”ํ†บ์•„๋ณด๊ธฐ๋Š” ๊ตฌ์„๊ตฌ์„ ๊ผผ๊ผผํžˆ ์‚ดํŽด๋ณด๊ธฐ ๋ผ๋Š” ๋œป์ด ๋ฉ๋‹ˆ๋‹ค!๋ณธ ๋œป์„ ์ฐพ์•„๋ณด๋ฉด, 'ํ†บ๋‹ค'๋ผ๋Š” ๋œป์€ ํ‹ˆ์ด ์žˆ๋Š” ๊ณณ๋งˆ๋‹ค ๋ชจ์กฐ๋ฆฌ ๋”๋“ฌ์–ด ๋’ค์ง€๋ฉด์„œ ์ฐพ๋‹ค ๋ผ๋Š” ๋œป์ž…๋‹ˆ๋‹ค.

2023๋…„ 4์›” 29์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

TypeScript enum์— ๋Œ€ํ•ด์„œ

enum์„ ์‚ฌ์šฉํ•˜๋˜ ์™€์ค‘ ์šฐ์—ฐํžˆ enum์„ ์‚ฌ์šฉํ•˜๋ฉด ์•ˆ๋œ๋‹ค๋ผ๋Š” ํฌ์ŠคํŒ…์„ ๋ณธ ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค.ํ•˜์ง€๋งŒ ์™œ enum์„ ์‚ฌ์šฉํ•˜๋ฉด ์•ˆ๋˜๋Š”์ง€์— ๋Œ€ํ•ด์„œ๋Š” ์ž์„ธํ•˜๊ฒŒ ์•Œ์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค.์˜ค๋Š˜์€ ๊ผญ enum์„ ์‚ฌ์šฉํ•˜๋ฉด ์•ˆ๋˜๋Š” ๊ฒƒ์ธ๊ฐ€..? ์— ๋Œ€ํ•ด์„œ ์ž์„ธํ•˜๊ฒŒ ์•Œ์•„๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.์ œ๊ฐ€ ์†ํ•œ ์กฐ์ง์—

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

์ •๋ง ๋ฆฌ์–ผ ๋งˆ์ง€๋ง‰ ESLint ์‚ฌ์šฉ๋ฒ• ๋ฟŒ์‹œ๊ธฐ

์˜ค๋Š˜์€ eslint์— ๋Œ€ํ•ด์„œ.. ์ •๋ง ๋งˆ์ง€๋ง‰์œผ๋กœ ESLint์— ๋Œ€ํ•ด์„œ ๋ฟŒ์…”๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค..!๊ทธ๋ž˜๋„ ์ด์ „์— @typescript-eslint๋‚˜ styleslint ๋“ฑ์„ ์‚ฌ์šฉํ•˜๋ฉด์„œ eslint๋ฅผ ๊ทธ๋ž˜๋„ ์ž˜ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๊ณ  ์žˆ์—ˆ๋Š”๋ฐ์š”!๋งค๋ฒˆ ์‚ฌ์šฉ์„ ํ•  ๋•Œ๋งˆ๋‹ค ๊ณ„์† ํ—ท

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

JavaScript $(dollor)แ„‹แ…ช _(underScore) แ„‹แ…ดแ„†แ…ต

์˜ค๋Š˜์€ $์™€ \_์˜ ์˜๋ฏธ๋ฅผ ์ž์„ธํ•˜๊ฒŒ ์•Œ์•„๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.์ด์ „์— ์ œ์ด์ฟผ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด์„œ $๋Š” ์ž์ฃผ ๋ณผ ์ˆ˜ ์žˆ์—ˆ๋Š”๋ฐ์š”.\_๋Š” ์กฐ๊ธˆ ์ƒ์†Œํ•˜๊ธฐ๋„ ํ•˜๊ณ , ์ •ํ™•ํ•œ ์˜๋ฏธ๋ฅผ ์ •๋ฆฌํ•ด๋‘๋Š” ๊ฒŒ ์ข‹์„ ๊ฒƒ ๊ฐ™์•„์„œ ๋‚ด์šฉ์„ ์ฐพ์•„ ๋ณด์•˜์Šต๋‹ˆ๋‹ค.์š”์ฆ˜ ๋งŽ์€ ๋ถ€๋ถ„์—์„œ ๊ณต๋ถ€๊ฐ€ ํ•„์š”ํ•˜๋‹ค๊ณ  ๋Š๋‚๋‹ˆ๋‹ค.. ๐Ÿ˜‚$์™€

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

anyแ„‹แ…ช unknown

์ด์ „์— ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ฝ”๋”ฉ ์ปจ๋ฒค์…˜ ๊ด€๋ จ ๋‚ด์šฉ์„ ์ž‘์„ฑํ•˜๋ฉด์„œ ๊ถ๊ธˆํ•œ ์ ์ด ์ƒ๊ฒผ์Šต๋‹ˆ๋‹ค.any ํ˜น์€ unknown ๋‘ ํƒ€์ž…์€ ์ž˜ ์‚ฌ์šฉํ•˜์ง€ ์•Š์ง€๋งŒ, ์–ด๋–ค ํƒ€์ž…์„ ์‚ฌ์šฉํ•˜๋Š”๊ฒŒ ๋งž๋Š”์ง€์— ๋Œ€ํ•œ ๋‚ด์šฉ์„ ๋‹ค๋ฃจ๋Š” ์ปจ๋ฒค์…˜์ด ๋งŽ์•˜์Šต๋‹ˆ๋‹ค.๊ทธ ์ค‘์—์„œ ์šฐ์•„ํ•œํ˜•์ œ๋“ค ๊ธฐ์ˆ ๋ธ”๋กœ๊ทธ์—์„œ ํ•ด๋‹น ๋‚ด์šฉ์— ๋Œ€ํ•ด์„œ ๊ต‰

2023๋…„ 4์›” 26์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท