profile
๐Ÿƒโ€โ™€๏ธmovin' forward, developer
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (38)js(11)CSS(9)JavaScript(9)html(8)์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(6)TIL(6)React(6)๋ฆฌ์•กํŠธ(5)๋„ค์นด๋ผ์ฟ ๋ฐฐ2๊ธฐ(4)์˜ค๋Š˜์˜์ง‘(3)http(3)tcp(3)ip(3)algorithm(2)์ธํ„ด(2)ํŒ€ํ”„๋กœ์ ํŠธ(2)์ด๋ฏธ์ง€์ตœ์ ํ™”(2)DOM(2)ํ”„๋ก ํŠธ์—”๋“œ(2)์™“์ฑ ํด๋ก ์ฝ”๋”ฉ(1)deepdive(1)๋ฒ„๋ธ”์ •๋ ฌ(1)ํœด๋ฆฌ์Šคํ‹ฑ ์•Œ๊ณ ๋ฆฌ์ฆ˜(1)๋น„์ „๊ณต์ž(1)ReactDOM(1)e(1)image(1)FE์ธํ„ด(1)์ผ๊ณผ(1)project(1)์„ฑ๋Šฅ์ตœ์ ํ™”(1)DeepCopy(1)PORT(1)๋ฏธ๋‹ˆํ”„๋กœ์ ํŠธ(1)deep dive(1)์ด์ง„ํŠธ๋ฆฌ(1)props drilling(1)๊ฐ“์ฑ (1)์ผ์น˜๋น„๊ต์—ฐ์‚ฐ์ž(1)๋„คํŠธ์›Œํฌ(1)๋ถ„ํ• ์ •๋ณต(1)team(1)socket(1)attribute(1)next/image(1)constate(1)UDP(1)arraybuffer(1)next(1)diffing(1)CS(1)Blob(1)foreach(1)์ฆ๊ฐ€ํ˜•๋”(1)context(1)๋„ค์นด๋ผ์ฟ ๋ฐฐ(1)์„ฑ๋Šฅ(1)setInterval(1)setTimeout(1)axios(1)programming(1)styled(1)@property(1)๋ช…๋ นํ˜•(1)Diffing Algorithm(1)Web-vital(1)uint8Array(1)์ปดํŒŒ์ผ๋Ÿฌ์–ธ์–ด(1)ํ•œ๋‹ค๋ฉด(1)์ ‘๊ทผ์„ฑ(1)Gotcha(1)์‚ฝ์ž…์ •๋ ฌ(1)array(1)jsconf(1)isNaN(1)JSX(1)next.js(1)ํ•ฉ์„ฑ ์ด๋ฒคํŠธ(1)์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด(1)Map(1)ํ•˜๋ฃจ์ผ๊ณผ(1)Props(1)deepClone(1)๊ฐ์ฒดํƒ€์ž…(1)์›์‹œํƒ€์ž…(1)FE(1)redux(1)emotion(1)์ด๋ฒคํŠธ(1)OS(1)contextAPI(1)์Šค๋ ˆ๋“œ(1)์ด๋ฏธ์ง€์Šคํ”„๋ผ์ดํŠธ(1)ํ”„๋กœ์„ธ์Šค(1)์„ ์–ธํ˜•(1)Fiber(1)component(1)์„ ํƒ์ •๋ ฌ(1)promise(1)
post-thumbnail

์˜ค๋Š˜์˜ ์ง‘ FE์ธํ„ด ํ•˜๋ฃจ ์ผ๊ณผ

์•ˆ๋…•ํ•˜์„ธ์š”, ์—ฌ๋Ÿฌ๋ถ„! ์ตœ๊ทผ์— ์˜ค๋Š˜์˜ ์ง‘์—๋„ ๊ณต์ฑ„๊ฐ€ ์—ด๋ ค ๋งŽ์€ ๋ถ„๋“ค์ด ์ง€์›์„ ํ•ด์ฃผ์…จ๊ณ , ๋˜ ์˜ค๋Š˜์˜ ์ง‘์— ๋Œ€ํ•ด ๋งŽ์ด ๊ถ๊ธˆํ•ดํ•˜์…”์„œ ๊ทธ๋ƒฅ ์ €์˜ ํ•˜๋ฃจ ์ผ๊ณผ์— ๋Œ€ํ•ด ์ ์–ด๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.โš ๏ธ ์ €์˜ ํ•˜๋ฃจ ์ผ๊ณผ์ด๊ธฐ์— ๋‹ค๋ฅธ ์˜ค์ง‘ ์—”์ง€๋‹ˆ์–ด๋‹˜๋“ค๊ณผ๋Š” ๋‹ค๋ฅผ ์ˆ˜ ์žˆ๋‹ค๋Š” ์ ์„ ์•Œ๋ ค๋“œ๋ฆฝ๋‹ˆ๋‹ค!์ €๋Š” ์—ฌ์ „

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

Next/Image์— ๋Œ€ํ•ด ์–ผ๋งŒํผ ์•Œ์•„?

๊ธ€์„ ์“ฐ๊ฒŒ๋œ ๊ณ„๊ธฐ ์ตœ๊ทผ next.js๋ฅผ ๊ณต๋ถ€ํ•˜๋ฉด์„œ ์ง์ ‘ ๊ตฌํ˜„ํ•ด๋ณด๋ฉฐ ๊นŠ์ด ์ดํ•ดํ•œ ๋ถ€๋ถ„์ด ์žˆ์–ด ๊ธ€๋กœ ๋‚จ๊ฒจ๋ณด๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค. ์•„๋ฌด๋ž˜๋„ ์ด๋ฏธ์ง€๋ฅผ ํ™”๋ฉด์— ์ถœ๋ ฅํ•˜๊ฒŒ ๋˜๋Š”๋ฐ next.js์—์„œ๋Š” ์ด๋ฏธ์ง€๋ฅผ ์ตœ์ ํ™”์‹œ์ผœ ์ฃผ์–ด ๋”ฐ๋กœ ์ฒ˜๋ฆฌํ•˜์ง€ ์•Š์•„๋„ ๋˜๋„๋ก ํ•ด์ค๋‹ˆ๋‹ค (์ด๋Ÿฐ ํŽธ๋ฆฌํ•œ ๊ธฐ๋Šฅ์ด ๋งŽ๊ธฐ ๋•Œ

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

๋น„์ „๊ณต์ž์—์„œ ์˜ค๋Š˜์˜ ์ง‘ FE ์ธํ„ด์ด ๋˜๊ธฐ ๊นŒ์ง€

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

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

๋„คํŠธ์›Œํฌ, ํ†ต์‹ , ์ž๋ฃŒ๊ตฌ์กฐ

2์ง„๋ฒ• ๋ฌธ์ œ ํ•ด๊ฒฐ : ์ž…๋ ฅ์„ ์ „๋‹ฌ๋ฐ›์•„ ์ถœ๋ ฅ์„ ๋งŒ๋“ค์–ด๋‚ด๋Š” ๊ณผ์ • ๋น„ํŠธ : 0๊ณผ 1๋งŒ ๊ฐ€์งˆ ์ˆ˜ ์žˆ๋Š” ์ธก์ • ๋‹จ์œ„ ๋ฐ”์ดํŠธ : 1๊ฐœ์˜ ๋น„ํŠธ๋กœ๋Š” ํฐ ์–‘์˜ ๋ฐ์ดํ„ฐ๋ฅผ ๋‚˜ํƒ€๋‚ด๊ธฐ ํž˜๋“ฆ -> ์—ฌ๋Ÿ ๊ฐœ์˜ ๋น„ํŠธ๋ฅผ ๋ชจ์•„ ๋งŒ๋“  ๋ฐ”์ดํŠธ ํƒ„์ƒ. ์ •๋ณด์˜ ํ‘œํ˜„ ๋ฌธ์ž, ์‚ฌ์ง„, ์˜์ƒ ๋“ฑ ๋‹ค์–‘ํ•œ ์ •๋ณด๋ฅผ ์ฒ˜๋ฆฌ

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

์ž๋ฃŒ๊ตฌ์กฐ, CS ์ง€์‹ ์ •๋ฆฌ

CS ๊ธฐ๋ณธ ์ง€์‹ 1. ํ”„๋กœ์„ธ์Šค์™€ ์Šค๋ ˆ๋“œ ์ฐจ์ด (์šด์˜์ฒด์ œ) ํ”„๋กœ์„ธ์Šค : ์šด์˜์ฒด์ œ๋กœ๋ถ€ํ„ฐ ์ž์›์„ ํ• ๋‹น๋ฐ›์•„ ์‹คํ–‰ ์Šค๋ ˆ๋“œ : ํ”„๋กœ์„ธ์Šค๋กœ๋ถ€ํ„ฐ ์ž์›์„ ํ• ๋‹น๋ฐ›์•„ ์‹คํ–‰ ํ•˜๋‚˜์˜ ํ”„๋กœ์„ธ์Šค ์•ˆ์— ์—ฌ๋Ÿฌ ์Šค๋ ˆ๋“œ ์ƒ์„ฑ ๊ฐ€๋Šฅ ๊ฐ ์Šค๋ ˆ๋“œ๋Š” ๊ฐœ๋ณ„ ์Šคํƒ์„ ๊ฐ€์ง€๊ณ , ํ”„๋กœ์„ธ์Šค์˜ ์ „์—ญ ๋ฉ”๋ชจ๋ฆฌ ๊ณต๊ฐ„์„ ๊ณต์œ ํ•˜

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

HTTP์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž!

์ธํ„ฐ๋„ท ๋„คํŠธ์›Œํฌ ์ธํ„ฐ๋„ท ๋ง์„ ํ†ตํ•ด์„œ ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„๊ฐ€ ์—ฐ๊ฒฐ๋˜์–ด์žˆ๋‹ค. ํ•˜์ง€๋งŒ ์ด ์—ฐ๊ฒฐ๋ง์€ ์ƒ๋‹นํžˆ ๋ณต์žกํ•œ๋ฐ ์–ด๋–ค ๊ทœ์น™์„ ๊ฐ€์ง€๊ณ  ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด๋‚ด์ค„๊นŒ? IP ์ฃผ์†Œ๋ฅผ ๋ถ€์—ฌํ•œ๋‹ค. IP(Internet Protocol) ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„ ๋ชจ๋‘ IP๋ฅผ ๋ถ€์—ฌ๋ฐ›๋Š”๋‹ค. ์ด ์ง€์ •ํ•œ I

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

์˜ค๋Š˜์˜ ์ง‘ ์„ฑ๋Šฅ ๋ฐ ์ ‘๊ทผ์„ฑ ๋ถ„์„

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

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

์ฆ๊ฐ€ํ˜• ๋”์— ๋Œ€ํ•ด์„œ ๋“ค์–ด๋ณด์…จ๋‚˜์š”?

์ตœ๊ทผ์— ๊ฐ€์ƒ๋”์— ๋Œ€ํ•ด ์—ด์‹ฌํžˆ ๊ณต๋ถ€ํ•˜๋‹ค๊ฐ€ '์ฆ๊ฐ€ํ˜• ๋”'์— ๋Œ€ํ•ด์„œ ๋“ค์–ด๋ณธ ์ ์ด ์žˆ๋ƒ๋Š” ์งˆ๋ฌธ์„ ๋“ค์—ˆ๋‹ค. ํƒœ์–ด๋‚˜์„œ ์ฒ˜์Œ๋“ฃ๋Š” ๋‹จ์–ด์— ํ˜ธ๊ธฐ์‹ฌ๋„ ์ƒ๊ฒจ ์ฐพ์•„๋ณด๋‹ค๋ณด๋‹ˆ ๊ณต์œ ํ•˜๊ณ ์‹ถ์–ด ๊ธ€์„ ์ ๊ฒŒ๋˜์—ˆ๋‹ค. ๋ฌผ๋ก  ๋ฆฌ์•กํŠธ์˜ ๊ฐœ๋…์€ ์•„๋‹ˆ์ง€๋งŒ ๊ตฌ๊ธ€ ๊ฐœ๋ฐœํŒ€์—์„œ ์ฆ๊ฐ€ํ˜• ๋”์„ ์„ ํƒํ–ˆ๋‹ค๊ณ ํ•˜๋‹ˆ ๊ทธ ์ด์œ ๊ฐ€ ๊ถ๊ธˆ

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

props, Context API, constate, Redux, Recoil

์ˆ˜์—…์‹œ๊ฐ„์— context API์— ๊ด€ํ•ด ๋ฐฐ์šฐ๋ฉด์„œ ์กฐ๊ธˆ ๋” ๋ช…ํ™•ํ•˜๊ฒŒ ์ •๋ฆฌํ•˜๊ณ  ์‹ถ์—ˆ๋‹ค.๊ทธ๋ฆฌ๊ณ  Redux๊ฐ€ ์ƒ๊ฐ๋ณด๋‹ค ํ˜„์—…์—์„œ ๋งŽ์ด ์‚ฌ์šฉ๋˜์ง€์•Š๊ณ , ๋‹ค๋ฅธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ๋” ํฅํ• ๊ฒƒ์ด๋ผ๋Š” ๊ธ€์„ ๋ณด๋ฉฐ ๊ทธ ์ด์œ ์— ๋Œ€ํ•ด์„œ๋„ ์•Œ๊ณ ์‹ถ์–ด ๊ธ€์„ ์ ๊ฒŒ ๋˜์—ˆ๋‹ค. React์—์„œ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋งŽ์•„์ง€๋ฉด

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

React ๊ฐœ๋…์ •๋ฆฌ

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

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

์„ฑ๋Šฅ ์ตœ์ ํ™” ๋ฐฉ๋ฒ•

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

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

React์™€ Hooks๊ฐ€ ์ƒ๊ฒจ๋‚œ ๋ฐฐ๊ฒฝ

๋ฆฌ์•กํŠธ๋ฅผ ๊ณต๋ถ€ํ• ๋•Œ ์•„๋ฌด๋ž˜๋„ ๊ณต์‹๋ฌธ์„œ๋ฅผ ์ฝ์œผ๋ฉด์„œ ํ•™์Šต์„ ํ•˜๊ฒŒ๋˜๋Š”๋ฐ ๊ณต์‹ ๋ฌธ์„œ๋ฅผ ์ฝ๋‹ค๋ณด๋ฉด, ์ด๋Ÿฐ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ(+ํ”„๋ ˆ์ž„์›Œํฌ)๋ฅผ ๋งŒ๋“œ๋Š” ์‚ฌ๋žŒ์€ ๋„๋Œ€์ฒด ์–ด๋–ค ์ƒ๊ฐ์„ ๊ฐ€์ง€๊ณ ์žˆ๊ณ , ์–ด๋–ค ๋ฐฐ๊ฒฝ์œผ๋กœ ๋งŒ๋“ค๊ฒŒ ๋˜์—ˆ๋Š”๊ฐ€๊ฐ€ ์ƒ๋‹นํžˆ ๊ถ๊ธˆํ•ด์ง„๋‹ค. (๋‚˜๋„ ์–ธ์  ๊ฐ„ ์ €๋Ÿฐ ํ”„๋กœ์ ํŠธ์— ๊ผญ ์ฐธ์—ฌํ•ด๋ด์•ผ์ง€ ๋ผ๋Š”

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

Fiber์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž.

์ด์ „์— ํœด๋ฆฌ์Šคํ‹ฑ ์•Œ๊ณ ๋ฆฌ์ฆ˜ (reconciliation์˜ ํ•ต์‹ฌ ์•Œ๊ณ ๋ฆฌ์ฆ˜)์— ๋Œ€ํ•ด ๊ธ€์„ ์ ์œผ๋ฉฐ ๋‹ค์Œ๋ฒˆ ๊ธ€์€ Fiber์— ๋Œ€ํ•ด ์ ์–ด๋ณด์•„์•ผ์ง€๋ผ๊ณ  ๋‹ค์ง์„ ํ–ˆ์—ˆ๋‹ค. ๋งค๋ฒˆ ๋Š๋ผ๋Š”๊ฑฐ์ง€๋งŒ ์ •๋ง ์•Œ๊ณ ๋ฆฌ์ฆ˜์„ ์•Œ์ˆ˜๋ก ์žฌ๋ฏธ์žˆ๊ณ  ๋” ์ž˜ํ•˜๊ณ  ์‹ถ์–ด์ง€๋Š” ๊ฒƒ ๊ฐ™๋‹ค. ๊ทธ๋ž˜์„œ Fiber๋ž€ ๋ฌด์—‡์ธ๊ฐ€? ์•ž์„œ

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

Heuristic Algorithm์ด๋ž€?

์ด์ „ ํฌ์ŠคํŒ…์—์„œ React์˜ diffing algorithm์— ๋Œ€ํ•œ ์ด์•ผ๊ธฐ๋ฅผ ํ•˜๋ฉฐ heuristics ์•Œ๊ณ ๋ฆฌ์ฆ˜์„ ์ด์šฉํ•œ๋‹ค๊ณ  ๋งํ•œ ์ ์ด ์žˆ๋‹ค. ํœด๋ฆฌ์Šคํ‹ฑ ์•Œ๊ณ ๋ฆฌ์ฆ˜์€ ์ค‘์š”ํ•œ ์ •๋ณด๋งŒ ๊ณ ๋ คํ•ด์„œ ์ตœ์„ ์˜ ๊ฐ’์„ ์ฐพ์•„๋‚ด๋Š” ์•Œ๊ณ ๋ฆฌ์ฆ˜์ด๋ผ๊ณ  ๋‚˜์™€์žˆ์—ˆ์ง€๋งŒ, ์กฐ๊ธˆ ๋” ๋”ฅํ•˜๊ฒŒ ์•Œ๊ณ  ์‹ถ์–ด(์กฐ๊ธˆ

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

React, diffing ์•Œ๊ณ ๋ฆฌ์ฆ˜

๋ฆฌ์•กํŠธ๋ฅผ ๋ฐฐ์šฐ๋‹ค ๋ณด๋ฉด '๊ฐ€์ƒ๋”'์ด๋ผ๋Š” ๊ฐœ๋…์„ ๋งˆ์ฃผํ•˜๊ฒŒ๋œ๋‹ค. ๊ฐ€์ƒ๋”์ด๋ž€ ๋ง ๊ทธ๋Œ€๋กœ ๊ฐ€์ƒ์œผ๋กœ ๋งŒ๋“ค์–ด์ง„ ๋”์„ ๋œปํ•œ๋‹ค. ์‹ค์ œ๋กœ ๋” API๋ฅผ ๊ณ„์† ํ˜ธ์ถœํ•˜๋ฉด ๋ฆฌํŽ˜์ธํŒ…, ๋ฆฌํ”Œ๋กœ์šฐ๋กœ ์ธํ•ด ๋ Œ๋”๋ง์ด ๊ณ„์† ๋ฐœ์ƒํ•˜๊ณ , ์„ฑ๋Šฅ์ด ๋–จ์–ด์ง€๊ฒŒ ๋œ๋‹ค. ์ด๋Ÿฐ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ๋ฆฌ์•กํŠธ์—์„œ๋Š” ๊ฐ€์ƒ๋”์„

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

React๋ž€?

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋•Œ todo list๋ฅผ ๋งŒ๋“  ํ›„ ๋ชจ๋“ˆํ™”๋ฅผ ์‹œ๋„ํ•œ ์ ์ด ์žˆ๋Š”๋ฐ, dependency error๋•Œ๋ฌธ์— ์ดํ‹€๋™์•ˆ ๊ณ ์ƒํ–ˆ๋‹ค. ๊ด€๊ณ„๋„๋ฅผ ์ž˜๋ชป ๊ทธ๋ฆฌ๋Š” ๋ฐ”๋žŒ์— ๋ชจ๋“  ๊ณณ์—์„œ todos๋ฅผ ์ฐธ์กฐํ•˜๋Š” ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ๊ณ  ์Šค์ฝ”ํ”„๋„ ๋ถ„๋ฆฌ๋˜์ง€ ์•Š์•˜๋‹ค. ๋‹ค์‹œ ํ•œ ๋ฒˆ MVC ํŒจํ„ด์— ์˜๊ฑฐํ•˜์—ฌ

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

Blob, ArrayBuffer, Uint8Array

๋„๋Œ€์ฒด ๋ธ”๋กญ์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€...ใ… ใ…  ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋‹ค๋ณด๋‹ˆ ๋ฐ์ดํ„ฐ, ํŠนํžˆ ๋ฉ€ํ‹ฐ๋ฏธ๋””์–ด ํŒŒ์ผ์„ ๋‹ค๋ฃฐ ์ผ์ด ๋งŽ์•„์ง„๋‹ค. ์ด๋ฏธ์ง€ ํŒŒ์ผ์„ ์˜ฌ๋ฆฌ๊ณ 

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

GitHub UNIVERSE 2021

ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋œ ์ดํ›„ ๊ด€๋ จ ์ด์Šˆ๋‚˜ ์ตœ์‹  ๊ธฐ์ˆ ์„ ๊ณ„์† ์ฐพ์•„ ๋ณด๊ณ ์žˆ์Šต๋‹ˆ๋‹ค. ํŠนํžˆ, ์œ ํŠœ๋ธŒ์—๋Š” ๋งŽ์€ ์ •๋ณด๊ฐ€ ์žˆ๋‹ค๋ณด๋‹ˆ ๊ทธ๋Ÿฐ ์ •๋ณด๋“ค์„ ์•„์นจ๋งˆ๋‹ค ๋ณด๋Š” ํŽธ์ธ๋ฐ(์ž ๊นจ๋Š”๋ฐ ์ตœ๊ณ ..ใ…Žใ…Ž), ์ตœ๊ทผ์— Github Universe 2021 ์˜์ƒ์ด ์œ ํŠœ๋ธŒ์— ๊ณต๊ฐœ๋˜์–ด ๋ณด๊ฒŒ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. Gi

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

[ํŒ€ํ”„๋กœ์ ํŠธ] JS || 'ํ•œ๋‹ค๋ฉด' ๋ชจ์˜ ๋ฉด์ ‘ ์›น ์•ฑ

'ํ•œ๋‹ค๋ฉด' ๋ชจ์˜ ๋ฉด์ ‘ ์›น ์•ฑ with JS/HTML/CSS > ์ €ํฌ 'ํ•œ๋‹ค๋ฉด' ์„œ๋น„์Šค๋Š” ์ทจ์ค€์ƒ์ด ์–ด๋– ํ•œ ๊ธฐ์—…์ด๋“  ์›ํ•˜๋Š” ๊ธฐ์—…์— ๋‹ค ๊ฐˆ์ˆ˜ ์žˆ๋„๋ก ๊ฐ ์ทจ์ค€์ƒ์—๊ฒŒ ์•Œ๋งž๋Š” ๋ชจ์˜ ๋ฉด์ ‘ ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๋Š” ์‚ฌ์ดํŠธ์ž…๋‹ˆ๋‹ค. ์•„์ง ๋ฐฐํฌ์ „์ด์ง€๋งŒ, ์ˆ˜์ • ํ›„ ๋ฐฐํฌํ•  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค. ๊ธฐ๊ฐ„ 20

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

CORS๋ž€?

ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋‹ค๋ณด๋ฉด ๋‹ค์–‘ํ•œ ๋ฌธ์ œ์ ์ด ๋ฐœ์ƒํ•˜๋Š”๋ฐ, ๊ทธ ์ค‘ ํ•˜๋‚˜๊ฐ€ CORS ์—๋Ÿฌ๋‹ค. ์‚ฌ์‹ค ์ด ์—๋Ÿฌ๋Š” ์—„์ฒญ ํ”ํ•˜๊ฒŒ ๋ฐœ์ƒํ•˜๋‹ค๋ณด๋‹ˆ(์•„์ง ๋งˆ์ฃผํ•œ์ ์€ ์—†์ง€๋งŒ) ๊ธฐ์ˆ  ๋ฉด์ ‘์—๋„ ํ”ํžˆ ๋‚˜์˜ค๋Š” ์ฃผ์ œ๋‹ค. ๊ทธ๋ž˜์„œ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๊ธฐ์ „์— CORS์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ณ , ๋งŒ์•ฝ CORS ์—๋Ÿฌ๊ฐ€ ๋‚œ๋‹ค

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