profile
Front ๐Ÿ’” End
post-thumbnail

TIL: ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ d.ts ์“ฐ์ž„

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์—์„œ d.ts ํŒŒ์ผ ํฌ๋งท์„ ์–ธ์ œ ์‚ฌ์šฉํ•ด์•ผํ• ์ง€ ์•Œ์•„๋ด…๋‹ˆ๋‹ค.

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

DI(Dependency Injection)

์˜์กด์„ฑ ์ฃผ์ž…๊ณผ ์˜์กด๊ด€๊ณ„ ์—ญ์ „๋ฒ•์น™ ๋ฐ ์˜ˆ์‹œ

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

LSP(๋ฆฌ์Šค์ฝ”ํ”„ ์น˜ํ™˜ ๋ฒ•์น™)

๋ฆฌ์Šค์ฝ”ํ”„ ์น˜ํ™˜ ๋ฒ•์น™์ด๋ž€? ๋ฆฌ์Šค์ฝ”ํ”„ ์น˜ํ™˜ ๋ฒ•์น™์„ ์™œ ์‚ฌ์šฉํ•˜๋Š”๊ฐ€? ์˜ˆ์‹œ๋Š”?

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

TLI: ์Šค์ผ€์ฅด๋Ÿฌ 2ํŽธ(์ƒํƒœ, ์„ ์  / ๋น„์„ ์ )

์Šค์ผ€์ฅด๋Ÿฌ์˜ ์ƒํƒœ์™€ ์„ ์  / ๋น„์„ ์ ์— ๋Œ€ํ•œ ์ž๋ฃŒ

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

TIL: ์Šค์ผ€์ฅด๋ง

์Šค์ผ€์ฅด๋ง ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋ฐ ์Šค์ผ€์ฅด๋Ÿฌ๊ฐ€ ์‚ฌ์šฉํ•˜๋Š” ์‹œ์Šคํ…œ ์ •๋ฆฌ

2022๋…„ 3์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

TIL: GitHub Actions ์ •๋ฆฌ

GitHub Actions๋Š” ๋นŒ๋“œ, ํ…Œ์ŠคํŠธ, ๋ฐฐํฌ์—์„œ ํ•„์š”ํ•œ ํŒŒ์ดํ”„๋ผ์ธ์„ ์ž๋™ํ™”ํ•˜๋Š” CI/CD ํ”Œ๋žซํผ์ด๋‹ค.GitHub Actions๋Š” ๋‹จ์ˆœํ•œ DevOps๋ฅผ ๋„˜์–ด์„œ, ์ด๋ฐด๋“œ ๋ฐœ์ƒ์‹œ workflow๋ฅผ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋Š”๋ฐ, ์ด๋ฒคํŠธ ๋‹จ์œ„๋กœ ๋™์ž‘ํ•˜๊ธฐ ๋•Œ๋ฌธ์— issue ๋ฐœ์ƒ์‹œ la

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

๋ฏธ๋ฆฌ๋ณด๋Š” ๋ฆฌ์—‘ํŠธ 18 ์˜ ๋ณ€ํ™”..!

๋ณธ ๋ฌธ์„œ๋Š” 2022/03/21 ๊ธฐ์ค€ https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html ์—์„œ ๋ฐœ์ทŒํ•˜์˜€์Šต๋‹ˆ๋‹ค. Release Candidate ๋‹จ๊ณ„ ๋‚ด์šฉ์„ ์ž‘์„ฑํ•˜์˜€๊ธฐ ๋•Œ๋ฌธ์— ๋ณ€๊ฒฝ๋  ๊ฐ€๋Šฅ์„ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค. 1.

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

์œ ๋‹ˆ์ฝ”๋“œ์™€ UTF-8

ASCII, abbreviated from American Standard Code for Information Interchange, is a character encoding standard for electronic communication. ASCII codes

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

ํ”„๋กœ ๋งˆ์ธ๋“œ ์žฅ์ฐฉํ•ด๋ณด๊ธฐ!! FE ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ ์ˆ˜๋ฃŒ ํšŒ๊ณ 

ํ”„๋กœ์˜จ๋ณด๋”ฉ ์‹œ์ž‘ ์ „ ์ด ์„ ํƒ์ด ์ •๋ง ๋งž์„๊นŒ? ๊ณ ๋ฏผ๊ณผ ๊ฑฑ์ •์„ ๊ณ„์†ํ–ˆ๋‹ค. ์„ ๋ฐœํ˜•์˜ ์œ ๋ช… ๋ถ€ํŠธ์บ ํ”„๋ฅผ ์กธ์—…ํ–ˆ๊ธฐ์— ๋‹จ์ˆœํ•˜๊ฒŒ ์ƒ๊ฐํ•˜๋ฉด ๋ถ€ํŠธ์บ ํ”„์™€ ๋น„์Šทํ•˜๊ฒŒ ํ•™์Šตํ•˜๊ณ  ํ”„๋กœ์ ํŠธ๋ฅผ ์ˆ˜ํ–‰ํ•˜์ง€ ์•Š์„๊นŒ? ๊ณผ์—ฐ ์ด ๊ณผ์ •์ด ๋‚˜์—๊ฒŒ ํฐ ๋„์›€์ด ๋ ๊นŒ? ํ•˜๋Š” ์ƒ๊ฐ์ด ๋“ค์–ด์„œ ๊ฑฑ์ •์ด ๋“ค์—ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋ถ€ํŠธ

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

์Šฌ๋ž™์—์„œ ๊นƒํ—ˆ๋ธŒ ๊ตฌ๋…ํ•˜๊ธฐ

ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ ์ฝ”์Šค์—์„œ ํ”„๋กœ์ ํŠธ 4ํšŒ์ฐจ ์ค‘, ์Šฌ๋ž™๊ณผ ๊นƒํ—ˆ๋ธŒ๋ฅผ ์—ฐ๋™ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ์—ฐ๋™ ๊ณ„๊ธฐ๋Š” ๋‹ค์Œ ์ด์œ ๊ฐ€ ์žˆ์—ˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ํ˜‘์—… ๋„์ค‘ ํ’€๋ฆฌํ€˜์ŠคํŠธ, ์ปค๋ฉ˜ํŠธ, ๋„์›€์ด ํ•„์š”ํ•œ ํŠธ๋Ÿฌ๋ธ” ์ด์Šˆ๊ฐ€ ๋ฐœ์ƒํ–ˆ์„ ๋•Œ, ์ง์ ‘์ ์œผ๋กœ ํŒ€์›๋“ค์—๊ฒŒ ๋ฉ”์„ธ์ง€๋ฅผ ๋ณด๋‚ด์ง€ ์•Š์œผ๋ฉด ํ™•์ธ์ด ์ง€์—ฐ๋˜๊ฑฐ๋‚˜ ๋ชจ๋ฅด๋Š” ๊ฒฝ์šฐ๊ฐ€

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

ํ˜‘์—… ํšจ์œจ์„ฑ์„ ๋†’์ด๊ธฐ ์œ„ํ•œ ๋…ธ๋ ฅ - ์›ํ‹ฐ๋“œ ํ”„๋ฆฌ์˜จ ๋ณด๋”ฉ ์ค‘๊ฐ„ ํšŒ๊ณ 

๊ฑด๊ฐ•ํ•œ ์กฐ์ง ๋ฌธํ™”๋ฅผ ๋งŒ๋“ค๋ฉฐ ์ฆ๊ฑฐ์šด ์ฝ”๋”ฉ์„ ์ง€ํ–ฅํ•˜๊ธฐ ์œ„ํ•ด ๋…ธ๋ ฅํ•œ ๊ณผ์ •

2022๋…„ 2์›” 9์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€

์„ ํƒ์ž ์ ์ˆ˜ ๋‚ฎ์ถ”๊ธฐ

์ด๋ฒˆ์— ํŒ€ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉฐ, Table ํ˜•์‹์˜ Grid ์ปดํฌ๋„ŒํŠธ ๊ตฌํ˜„์„ ๋‹ด๋‹นํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ์ด๋•Œ ๊ฐ€์žฅ ์ค‘์š”ํ•˜๊ฒŒ ์ƒ๊ฐํ–ˆ๋˜ ๊ฒƒ์€ ์‚ฌ์šฉ์„ฑ์ด๋‹ค.Grid์ฒ˜๋Ÿผ ๋‹ค์–‘ํ•œ ๊ณณ์—์„œ ์žฌํ™œ์šฉ๋˜๋Š” ํ•„์ˆ˜ ์ปดํฌ๋„ŒํŠธ์˜ ๊ฒฝ์šฐ, ํ˜ธ์ถœ๋˜๋Š” ์ƒํ™ฉ์— ๋”ฐ๋ผ css๋ฅผ ๋ณ€๊ฒฝํ•  ์ผ์ด ๋นˆ๋ฒˆํžˆ ๋ฐœ์ƒํ•œ๋‹ค. props๋กœ

2022๋…„ 2์›” 2์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

์›ํ‹ฐ๋“œ ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ 2๋ฒˆ์งธ ๊ณผ์ œ ํ›„๊ธฐ ์š”์•ฝ

Grid, Button ๋“ฑ Unit ๋ ˆ๋ฒจ์˜ ์ปดํฌ๋„ŒํŠธ๋Š” ์ตœ๋Œ€ํ•œ ์ธ๋ผ์ธ ์Šคํƒ€์ผ์„ ์ง€์–‘ํ•˜์ž. ์ˆ˜์ •๋  ์ผ์ด ๋งŽ๋‹ค. Styled ์ปดํฌ๋„ŒํŠธ๋ฅผ ์™œ ์‚ฌ์šฉํ• ๊นŒ? ์ปดํฌ๋„ŒํŠธ๋Š” ํ•œ๋ฒˆ ์ •์˜๋˜๋Š” ์ˆœ๊ฐ„ ์ˆ˜์ •์ด ํž˜๋“ค๋‹ค. ์˜ˆ๋ฅผ๋“ค์–ด ๋””์ž์ธ, ๊ธฐ๋Šฅ, ๋งˆํฌ์—…์ด ์ •์˜๋˜์—ˆ๋‹ค๋ฉด ์žฌํ™œ์šฉํ•  ๋•Œ ์กฐ๊ธˆ์”ฉ ๋ฐ”๋€Œ๋Š” ์ฝ”๋“œ

2022๋…„ 1์›” 28์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

CSS modules ์‚ฌ์šฉ ํ›„๊ธฐ

CSS mosules๋Š” css๋ฅผ ๋ชจ๋“ˆ์ฒ˜๋Ÿผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์žฅ์ ์ด ์žˆ๋‹ค.์›๋ฆฌ๋Š” ๋ณด๋ฉด ํด๋ž˜์Šค ๋ช…์„ ํ•ด์‰ฌ ๊ฐ’์„ ๋ถ™์—ฌ ๋‹ค์‹œ ์ƒ์„ฑํ•˜๊ณ , ๊ทธ ๊ฐ’์„ ๋ชจ๋“ˆ๋กœ ๋‚ด๋ณด๋‚ด์„œ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด๋‹ค.styles์—๋Š” ๊ฐ์ฒด ํ˜•์‹์œผ๋กœ { table: table-hash } ํด๋ž˜์Šค ์ด๋ฆ„์ด Key๊ฐ€ ๋˜๊ณ  ์žฌ

2022๋…„ 1์›” 27์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

TIL: UNIX timestamp, Tags(article, section, output)

UNIX timestamp: UNIX๋Š” s(์ดˆ)๋ฅผ ๊ธฐ์ค€์œผ๋กœ ์‹œ๊ฐ„์„ ๊ณ„์‚ฐํ•˜๋Š” ๋ฐฉ๋ฒ•์ด๋‹ค. js์˜ Date ํ•จ์ˆ˜๋Š” timestamp๋ฅผ ์ž…๋ ฅ๋ฐ›์ง€๋งŒ ms(๋ฐ€๋ฆฌ์ดˆ)๊ฐ€ ๊ธฐ์ค€์ด๊ธฐ ๋•Œ๋ฌธ์— UNIX ๊ฐ’์„ ์ž…๋ ฅํ•˜๋Š” ๊ฒฝ์šฐ ์ƒ๋‹นํžˆ ๋จผ ๊ณผ๊ฑฐ์˜ ๋‚ ์งœ๋ฅผ ๋ฐ˜ํ™˜ํ•˜๊ฒŒ ๋œ๋‹ค. ๋”ฐ๋ผ์„œ UNIX ๊ฐ’์„ ๊ฐ€์ง€๊ณ 

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

Heroku๋กœ ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐ„๋‹จํ•˜๊ฒŒ ๋ฐฐํฌํ•˜๊ธฐ

์ด ๊ธ€์„ ์“ฐ๊ฒŒ ๋œ ์ด์œ ๋Š” ํฌ๋ผ์šฐ๋“œ ๋ฐฉ์‹์˜ ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋ฐฐํฌ ์„œ๋น„์Šค ์ค‘, Heroku ๋งŒ์˜ ์žฅ์ ์ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.github ๊ณ„์ •๊ณผ ์—ฐ๋™ํ•˜์—ฌ Heroku๊ฐ€ ๋‚ด์žฅํ•˜๋Š” CI/CD ๋ฐฉ์‹์— ์˜ํ•ด ๊ฐ„๋‹จํ•˜๊ฒŒ build ํ›„ ๋ฐฐํฌ ๊ฐ€๋Šฅ.env ๋ฅผ ํ†ตํ•ด ํ™˜๊ฒฝ๋ณ€์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ He

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

3์ž๋ฆฌ ๋งˆ๋‹ค ์ฝค๋งˆ๋กœ ๋ฐ”๊ฟ”์ฃผ๋Š” ํ•จ์ˆ˜ ๊ตฌํ˜„ํ•˜๊ธฐ

๋ถ„์„ํ•˜๊ธฐ \B๋Š” ๋‹จ์–ด์˜ ๊ฒฝ๊ณ„(๋งจ ์•ž, ๋งจ ๋’ค, white space๊ฐ€ ์—†๋Š” ๊ฒฝ์šฐ)์นญํ•œ๋‹ค. ๊ตฌ๋ถ„์ž(,)๋ฅผ ์‚ฝ์ž…ํ•  ๋•Œ ๊ฒฝ๊ณ„์„ ์— ์‚ฝ์ž…ํ•˜๋Š” ๊ฒฝ์šฐ ,123 ํ˜น์€ 123,์ด ๋  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ๋„ฃ์–ด์ค€๋‹ค. x+๋Š” x๊ฐ€ 1ํšŒ ์ด์ƒ ๋ฐ˜๋ณต๋˜๋Š” ๊ฒฝ์šฐ ์ผ์น˜ํ•œ๋‹ค. x(?!y) x ๋’ค์—

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

TIL: ์ด๋ฒคํŠธ ํ”„๋กœํผํ‹ฐ ๋ฐฉ์‹๊ณผ addEventListener ๋ฉ”์„œ๋“œ ๋ฐฉ์‹(feat: ์›ํ‹ฐ๋“œ ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ ์ง€์›๊ณผ์ œ)

1. useCallback ์ผ๋ฐ˜ํ•จ์ˆ˜์—์„œ๋Š” ์ ์šฉ๋˜์ง€ ์•Š์œผ๋‚˜, ํ•ด๋‹นํ•จ์ˆ˜๋ฅผ useCallback์œผ๋กœ memoํ–ˆ์„ ๋•Œ ๋ฐœ๊ฒฌ๋œ ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ๋‹ค. ์ƒํ™ฉ document.addEventListener์— useCallback์œผ๋กœ ๋ฉ”๋ชจ๋ผ์ด์ง•ํ•œ ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•  ๊ฒฝ์šฐ, removeEven

2022๋…„ 1์›” 23์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

๋ฆฌํŒฉํ„ฐ๋ง 2ํŒ 2์žฅ

2.1 ๋ฆฌํŒฉํ„ฐ๋ง ์ •์˜ ์†Œํ”„ํŠธ์›จ์–ด์˜ ๊ฒ‰๋ณด๊ธฐ ๋™์ž‘์€ ๊ทธ๋Œ€๋กœ ์œ ์ง€ํ•œ ์ฑ„, ์ฝ”๋“œ๋ฅผ ์ดํ•ดํ•˜๊ณ  ์ˆ˜์ •ํ•˜๊ธฐ ์‰ฝ๋„๋ก ๋‚ด๋ถ€ ๊ตฌ์กฐ๋ฅผ ๋ณ€๊ฒฝํ•˜๋Š” ๊ธฐ๋ฒ•. ๋ฆฌํŒฉํ„ฐ๋ง์€ ์„ฑ๋Šฅ ์ตœ์ ํ™”์™€ ๋น„์Šทํ•˜๋‹ค. ๋‘˜๋‹ค ์ฝ”๋“œ๋ฅผ ๋ณ€๊ฒฝํ•˜์ง€๋งŒ, ๋‹ค๋ฅธ์ ์ด๋ผ๋ฉด ๋ฆฌํŒฉํ„ฐ๋ง์€ ์ฝ”๋“œ๋ฅผ ์ดํ•ดํ•˜๊ธฐ ์‰ฝ๋„๋ก ๋ณ€๊ฒฝํ•˜๋Š” ๊ฒƒ์ด๊ณ , ์„ฑ๋Šฅ ์ตœ์ ํ™”๋Š”

2022๋…„ 1์›” 22์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

TIL: ์—ด๊ฑฐํ˜•

ํŠน์ •ํ•œ ๋„˜๋ฒ„ ํ˜น์€ ์ŠคํŠธ๋ง์„ ํƒ€์ž…์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ๋‹ค.์•„๋ž˜์™€ ๊ฐ™์€ ์˜ˆ์‹œ๊ฐ€ ๊ทธ์— ํ•ด๋‹นํ•œ๋‹ค.๊ทธ๋Ÿฐ๋ฐ ์œ„์ฒ˜๋Ÿผ or ์—ฐ์‚ฐ์ž๋กœ ํƒ€์ž…์„ ์ •์˜ํ•ด ๋ฒ„๋ฆฌ๋ฉด ์ถ•์•ฝํ˜•์œผ๋กœ ์“ด ja, ko, en์ด ๋ฌด์—‡์„ ์˜๋ฏธํ•˜๋Š”์ง€ ๊นŒ๋จน๊ฑฐ๋‚˜ ๋ชจ๋ฅผ ๋•Œ๊ฐ€ ์žˆ๋‹ค. ug๊ฐ€ ์–ด๋–ค ๊ตญ๊ฐ€๋ฅผ ์˜๋ฏธํ•˜๋Š”์ง€ ์•„๋Š” ์‚ฌ๋žŒ์ด ์žˆ์„

2022๋…„ 1์›” 20์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€