profile
๐ŸŽจ๊ทธ๋ฆผ์„ ์ข‹์•„ํ•˜๋Š” FE ๊ฐœ๋ฐœ์ž๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (35)JavaScript(18)์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(14)์•Œ๊ณ ๋ฆฌ์ฆ˜(7)React(4)๋ฆฌ์•กํŠธ(3)ํ”„๋ก ํŠธ์—”๋“œ(3)DFS(2)nextjs(2)๊ทธ๋ž˜ํ”„(2)ํ”„๋กœ์ ํŠธ(2)๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ(2)์˜ค๋ฅ˜(2)socket.io(2)algorithm(2)์›น ์ ‘๊ทผ์„ฑ(1)cors(1)front end(1)web(1)๋ฆฌํŽ˜์ธํŠธ(1)currentColor(1)URI(1)๋ฐฑํŠธ๋ ˆํ‚น(1)์˜ฌ๋ฐ”๋ฅธ ์›๋ณธ ๊ฒฝ๋กœ/URL์ด ์•„๋‹™๋‹ˆ๋‹ค(1)์™ธ๋ถ€ ์ด๋ฏธ์ง€(1)referer(1)403(1)์•ฑ ์บ์‹ฑ(1)๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง(1)์ƒํƒœ(1)์›น ๋ทฐ(1)sourcetree(1)ํ”Œ๋กœ์ด๋“œ-์™€์ƒฌ(1)ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ(1)์†Œ์ˆ˜์ฐพ๊ธฐ(1)๋ธŒ๋ผ์šฐ์ €(1)url(1)color(1)sourcetree ์˜ค๋ฅ˜(1)N Queens(1)permission denied(1)floyd-warshall(1)์›น๊ณผ ๋„คํŠธ์›Œํฌ(1)pre-rendering(1)์ฝœ๋ฐฑ ํ•จ์ˆ˜(1)์ด๋ถ„ํƒ์ƒ‰(1)union and find(1)useState(1)referrer-policy(1)์•ˆ๋“œ๋กœ์ด๋“œ(1)ํ•จ์ˆ˜์„ ์–ธ๋ฌธ(1)์ปดํฌ๋„ŒํŠธ ๋™์ ์œผ๋กœ ๊ฐ€์ ธ์˜ค๊ธฐ(1)useInfiniteQuery(1)img(1)๋ฐฑ์—”๋“œ ์„œ๋ฒ„(1)๋น„๋™๊ธฐ(1)๋„คํŠธ์›Œํฌ(1)aos(1)ํด๋ž˜์Šคํ˜• ์ปดํฌ๋„ŒํŠธ(1)์ฝœ๋ฐฑ ์ง€์˜ฅ(1)๊ฐ€๋น„์ง€ ์ปฌ๋ ‰ํ„ฐ(1)ํ•จ์ˆ˜๋ฆฌํ„ฐ๋Ÿด(1)์—๋ผํ† ์Šคํ…Œ๋„ค์Šค์˜ ์ฒด(1)์‹ค์‹œ๊ฐ„์ฑ„ํŒ…(1)setState ๋น„๋™๊ธฐ(1)๊ณต์‹๋ฌธ์„œ(1)iOS(1)์†Œ์ผ“(1)ํ”„๋ก ํŠธ ์„œ๋ฒ„(1)BFS(1)์ด์Šˆ(1)react-query(1)local storage(1)useInView(1)CSS(1)๋ฆฌํ”Œ๋กœ์šฐ(1)html(1)์ธํ„ด(1)๋ฌดํ•œ ์Šคํฌ๋กค(1)๋ฒ„ํŠผ(1)๋ฆฌ๋ Œ๋”๋ง(1)Backtraking(1)CSR(1)SSR(1)ํ•™์ ์—ฐ๊ณ„(1)localstorage(1)์—๋Ÿฌ(1)๊ฒŒ์ž„(1)bitbucket(1)ssh ํ‚ค(1)infinite scroll(1)๋กœ์ปฌ ์Šคํ† ๋ฆฌ์ง€(1)regexp(1)setState(1)์‹คํ–‰ ์ปจํ…์ŠคํŠธ(1)์ด๋ฏธ์ง€ ๋™์ ์œผ๋กœ ๊ฐ€์ ธ์˜ค๊ธฐ(1)icon(1)Binary Search(1)ssg(1)์ด๋ฏธ์ง€ ์ตœ์ ํ™”(1)์•„ํ† ๋ฏน ๋””์ž์ธ(1)atomic design(1)svg(1)referrer(1)react intersection observer(1)Stroke(1)FE(1)reflow(1)๋ฆฌ๋ Œ๋”๋ง ์•ˆ๋จ(1)์›น ํ‘œ์ค€(1)ํ•ฉ์ง‘ํ•ฉ ์ฐพ๊ธฐ(1)no-referrer(1)WAI-ARIA(1)sop(1)๋…ธ๋งˆ๋“œ์ฝ”๋”(1)์ •๊ทœํ‘œํ˜„์‹(1)์„ ์–ธํ˜•(1)

React | ๋ฒ„ํŠผ ํ™œ์„ฑ/๋น„ํ™œ์„ฑํ™” ์ด์Šˆ (feat. ๋ฆฌ๋ Œ๋”๋ง)

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

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

React | Infinite Scroll ๊ตฌํ˜„ํ•˜๊ธฐ (react-query, react-intersection-observer)

๋ฌดํ•œ ์Šคํฌ๋กค์ด๋ž€ ์‚ฌ์šฉ์ž๊ฐ€ ํŽ˜์ด์ง€ ํ•˜๋‹จ์— ๋„๋‹ฌํ–ˆ์„ ๋•Œ, ์ปจํ…์ธ ๊ฐ€ ๊ณ„์† ๋กœ๋“œ๋˜๋Š” ์‚ฌ์šฉ์ž ๊ฒฝํ—˜(UX) ์ž…๋‹ˆ๋‹ค. ๋ฌดํ•œ ์Šคํฌ๋กค์„ ๊ตฌํ˜„ํ•˜๊ธฐ ์œ„ํ•ด ํ•„์š”ํ•œ ๊ธฐ์ˆ ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.์ปจํ…์ธ  fetch APIํŽ˜์ด์ง€ ํ•˜๋‹จ ์š”์†Œ ๊ด€์ฐฐ์ƒˆ๋กœ์šด ์ปจํ…์ธ  ์ถ”๊ฐ€์ปจํ…์ธ ๋ฅผ ๊ฐ€์ ธ์˜ค๋Š” data fetch ๋Š”

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

React | Icon ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ (with SVG stroke) + ์ด๋ฏธ์ง€/์ปดํฌ๋„ŒํŠธ ๋™์ ์œผ๋กœ ๊ฐ€์ ธ์˜ค๊ธฐ

์•„์ด์ฝ˜ SVG ์ด๋ฏธ์ง€์˜ ์ˆ˜๊ฐ€ ๋งŽ์€ ๊ฒฝ์šฐ์— ๋ชจ๋“  SVG ํŒŒ์ผ์„ ๊ธฐ์–ตํ•˜๊ธฐ๋„ ์‰ฝ์ง€ ์•Š๊ณ , ์Šคํƒ€์ผ๋ง๊ณผ props๋ฅผ ์ „๋‹ฌํ•˜๊ธฐ์— ๋ฒˆ๊ฑฐ๋กœ์›€์ด ๋งŽ๊ธฐ ๋•Œ๋ฌธ์— ์•„์ด์ฝ˜ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“ค๊ธฐ๋กœ ํ–ˆ๋‹ค.SVG๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ์ง์ ‘ ์ƒ‰์ƒ๊ฐ’๊ณผ ํฌ๊ธฐ ๊ฐ’๋“ฑ์„ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์—ฌ๋Ÿฌ๊ฐœ์˜ ์ด๋ฏธ์ง€ ํŒŒ์ผ์„ ์ €์žฅ

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

NextJS ๊ณต์‹ ๋ฌธ์„œ ์ •๋ฆฌ (12๋ฒ„์ „ ๊ธฐ์ค€)

๊ณต์‹ ๋ฌธ์„œ: Next.js by Vercel - The React FrameworkLearn | Next.js๋ Œ๋”๋ง: ๋ฆฌ์•กํŠธ์—์„œ ์ž‘์„ฑํ•œ ์ฝ”๋“œ๋ฅผ HTML ๋กœ ๋ณ€ํ™˜ํ•˜๋Š” ๊ฒƒSSR ๊ณผ ์ •์  ์‚ฌ์ดํŠธ๋Š” Pre-Rendering ์ด๋ผ๊ณ ๋„ ๋ถ€๋ฅธ๋‹ค.์™ธ๋ถ€ ๋ฐ์ดํ„ฐ๋ฅผ fetchํ•ด์„œ ๋ฆฌ์•กํŠธ์˜

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

์•ฑ ์บ์‹ฑ | ์›น ๋ทฐ์—์„œ ์—…๋ฐ์ดํŠธ๋œ ํŽ˜์ด์ง€๋ฅผ ์—ด์ง€ ๋ชปํ•˜๋Š” ์ด์Šˆ

4์›” ์ถœ์„ ์ด๋ฒคํŠธ ํŽ˜์ด์ง€๋ฅผ ๋ฐฐํฌํ•˜์—ฌ ํ•ด๋‹น ํŽ˜์ด์ง€๋ฅผ ์›น ๋ทฐ๋กœ ์—ด์—ˆ๋Š”๋ฐ, ๊ธฐ์กด์˜ 3์›” ์ถœ์„ ์ด๋ฒคํŠธ ํŽ˜์ด์ง€๊ฐ€ ๋กœ๋“œ๋˜๋Š” ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค.์•ฑ์—์„œ๋Š” ์บ์‹ฑ์„ ํ†ตํ•ด์„œ ํ•œ๋ฒˆ ๋ฐฉ๋ฌธํ•œ ํŽ˜์ด์ง€์— ๋Œ€ํ•œ ๋ฆฌ์†Œ์Šค๋“ค์„ ์ €์žฅํ•œ๋‹ค.๋”ฐ๋ผ์„œ ๊ธฐ์กด 3์›” ์ด๋ฒคํŠธ ํŽ˜์ด์ง€์˜ ๋ฆฌ์†Œ์Šค๋“ค์„ ์บ์‹ฑํ•œ ์ฑ„, ์ƒˆ๋กœ ์—…๋ฐ์ดํŠธ

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

NextJS ์‹œ์ž‘ํ•˜๊ธฐ - ๋…ธ๋งˆ๋“œ์ฝ”๋” ์ •๋ฆฌ

node ๋ฒ„์ „์ด 14 ์ดํ•˜๋ฉด next app์ด ๋™์ž‘ํ•˜์ง€ ์•Š์Œ.M1 ๋…ธํŠธ๋ถ์˜ ๊ฒฝ์šฐ์—” node_modules๋ฅผ ๋‹ค์‹œ์„ค์น˜ํ•ด์•ผํ•  ์ˆ˜๋„ ์žˆ์Œ...๊ฐœ๋ฐœ์ž๊ฐ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋ถˆ๋Ÿฌ์™€์„œ ์‚ฌ์šฉํ•จ๊ฐœ๋ฐœ์ž๊ฐ€ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์„ ๋•Œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋จํด๋” ๊ตฌ์กฐ, ์–ธ์ œ ์–ด๋–ค ํŒŒ์ผ์„ ๋ถˆ๋Ÿฌ์˜ฌ์ง€ ๊ฐœ๋ฐœ์ž๊ฐ€

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

403 Error | img ํƒœ๊ทธ ์™ธ๋ถ€ ์ด๋ฏธ์ง€ ์š”์ฒญ forbidden ๋˜๋Š” ์˜ค๋ฅ˜ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

๋„ค์ด์ปค ์นดํŽ˜์˜ ์ด๋ฏธ์ง€๋ฅผ ๋ฐ›์•„์™€์„œ ์ค‘๊ณ ๋‚˜๋ผ ์„œ๋ฒ„์—์„œ img ๋กœ ๋ณด์—ฌ์ฃผ๋ ค๊ณ  ํ•˜๋‹ˆ ์•„๋ž˜์™€ ๊ฐ™์ด ์ „๋ถ€ ์ •์ƒ์ ์œผ๋กœ ์ด๋ฏธ์ง€๋ฅผ ๊ฐ€์ ธ์˜ค์ง€ ๋ชปํ–ˆ๋‹ค.๊ฐœ๋ฐœ์ž ๋„๊ตฌ์˜ ๋„คํŠธ์›Œํฌ ์ฑ„๋„์—์„œ ํ™•์ธํ•œ ๊ฒฐ๊ณผ 403 ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค.403 ์—๋Ÿฌ๋Š” ๋ณดํ†ต ๋‹ค๋ฅธ ๋„๋ฉ”์ธ์—์„œ ํ˜ธ์ถœํ•  ๋•Œ ๋ฐœ์ƒํ•œ๋‹ค. ๋„๋ฉ”์ธ์ด ๋‹ค๋ฅธ

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

Sourcetree ์˜ค๋ฅ˜ | Clone/Pull/Push์‹œ ๋ฐœ์ƒํ•˜๋Š” ์˜ค๋ฅ˜ -permission denied (publickey).

์›๊ฒฉ ์ €์žฅ์†Œ์—์„œ Clone/Pull/Push ๋ฅผ ํ•˜๋ ค๊ณ  ์‹œ๋„ํ•˜๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค.Bitbucket๊ณผ Sourcetree ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ํ™˜๊ฒฝ์ž…๋‹ˆ๋‹คplease make sure you have the correct access rights and the re

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

Sourcetree ์˜ค๋ฅ˜ | ์˜ฌ๋ฐ”๋ฅธ ์›๋ณธ ๊ฒฝ๋กœ/URL์ด ์•„๋‹™๋‹ˆ๋‹ค

์‚ฌ๋‚ด์—์„œ Sourcetree์™€ bitbucket์„ ์‚ฌ์šฉํ•˜์—ฌ ์ฝ”๋“œ ๊ด€๋ฆฌ๋ฅผ ํ•˜๋Š”๋ฐ, Sourcetree๋ฅผ ์‚ฌ์šฉํ•ด์„œ bitbucket์˜ ์ฝ”๋“œ๋ฅผ clone ํ•˜๋Š” ๊ณผ์ •์—์„œ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•˜์˜€์Šต๋‹ˆ๋‹ค.์˜ค๋ฅ˜Sourcetree์—์„œ ์‚ฌ์šฉํ•˜๋Š” git์˜ ๋ฒ„์ „์ด ์‹œ์Šคํ…œ์— ๋‚ด์žฅ๋˜์–ด ์žˆ

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

ICT ํ•™์ ์—ฐ๊ณ„ ํ”„๋กœ์ ํŠธ ์ธํ„ด์‹ญ ํ•ฉ๊ฒฉ ํ›„๊ธฐ

์ œ๋กœ๋ฒ ์ด์Šค์˜ ๋„ค์นด๋ผ์ฟ ๋ฐฐ 2๊ธฐ ๊ณผ์ •์ด 1์›” 28์ผ์— ๋งˆ์ง€๋ง‰ ๋ฆฌ์•กํŠธ ํ”„๋กœ์ ํŠธ๋กœ ๋งˆ๋ฌด๋ฆฌํ•˜๊ณ , ์•„์ง ๋ง‰ํ•™๊ธฐ๊ฐ€ ๋‚จ์€ ์ €๋Š” ํ•™๊ต๋กœ ๋Œ์•„๊ฐˆ ์œ„๊ธฐ(?)์— ์ฒ˜ํ–ˆ์Šต๋‹ˆ๋‹ค. ๐Ÿ˜ญ ํ•˜์ง€๋งŒ ํ•™๊ต ํ™ˆํŽ˜์ด์ง€์— ICT ํ•™์  ์—ฐ๊ณ„ ํ”„๋กœ์ ํŠธ ์ธํ„ด์‹ญ ๋ชจ์ง‘ ๊ธ€์„ ๋ณด๊ณ , ๋ง‰ํ•™๊ธฐ๋ฅผ ํ•™๊ต์—์„œ ๋ณด๋‚ด๋Š๋‹ˆ ํšŒ์‚ฌ๋ฅผ ๊ฐ€

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

React | ํด๋ž˜์Šคํ˜• ์ปดํฌ๋„ŒํŠธ์˜ setState์˜ ๋น„๋™๊ธฐ

๋ฆฌ์•กํŠธ์˜ ํด๋ž˜์Šคํ˜• ์ปดํฌ๋„ŒํŠธ์—์„œ ์ƒํƒœ ๊ฐ’์„ ์—…๋ฐ์ดํŠธํ•  ๋•Œ ์‚ฌ์šฉ๋˜๋Š” ๋ฉ”์„œ๋“œ์ธ setState๋Š” ๋น„๋™๊ธฐ์ ์œผ๋กœ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค. ๋น„๋™๊ธฐ์ ์œผ๋กœ setState๊ฐ€ ๋™์ž‘ํ•œ๋‹ค๋Š” ์˜๋ฏธ๊ฐ€ ์–ด๋–ค ์˜๋ฏธ์ธ์ง€ ๋‹ค์Œ Counter ์˜ˆ์ œ๋ฅผ ๋“ค๋ฉฐ ์„ค๋ช…ํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด 1์”ฉ ์ฆ๊ฐ€ํ•œ๋‹ค.์œ„์˜ ํด๋ž˜์Šคํ˜•

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

Web ์„ฑ๋Šฅ์„ ๊ฐœ์„ ํ•˜๋Š” ๋ฐฉ๋ฒ•

WPO(Web Performance Optimization) stats์˜ ์กฐ์‚ฌ๋งํฌ ์— ๋”ฐ๋ฅด๋ฉด Walmart๋Š” ํŽ˜์ด์ง€ ๋กœ๋“œ๊ฐ€ 100ms ๊ฐœ์„ ๋  ๋•Œ๋งˆ๋‹ค ์ˆ˜์ต์ด 1% ์ฆ๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค. ์›น ๋กœ๋”ฉ ์†๋„ 1์ดˆ์— ์•„๋งˆ์กด ๋งค์ถœ 68์–ต๋‹ฌ๋Ÿฌ๊ฐ€ ๋‹ฌ๋ ธ๋‹ค๋งํฌ ๋ผ๋Š” ๋ถ„์„๋„ ์กด์žฌํ•ฉ๋‹ˆ๋‹ค. KissM

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

์ด๋ฏธ์ง€ ์ตœ์ ํ™”

์œ„์˜ ํ†ต๊ณ„์ž๋ฃŒ๋ฅผ ๋ณด๋ฉด, ์›น ํŽ˜์ด์ง€์—์„œ ๋Œ€๋ถ€๋ถ„์˜ ์šฉ๋Ÿ‰์„ ์ฐจ์ง€ํ•˜๋Š” ๊ฒƒ์€ ์ด๋ฏธ์ง€์ด๋‹ค.์ด๋ฏธ์ง€ ์ตœ์ ํ™”๋ฅผ ํ†ตํ•ด ์ด๋ฏธ์ง€ ์šฉ๋Ÿ‰์„ ์ค„์ธ๋‹ค๋ฉด, ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์ด์ ์„ ์–ป์„ ์ˆ˜ ์žˆ๋‹ค.์›น ํŽ˜์ด์ง€ ๋ฐ”์ดํŠธ๋ฅผ ์ ˆ์•ฝํ•  ์ˆ˜ ์žˆ๋‹ค.๋”ฐ๋ผ์„œ ์‚ฌ์ดํŠธ ์„ฑ๋Šฅ ๋˜ํ•œ ํ–ฅ์ƒํ•  ์ˆ˜ ์žˆ๋‹ค.๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๋‹ค์šด๋กœ๋“œํ•ด์•ผํ•˜๋Š” ๋ฐ”์ดํŠธ

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

React | Atomic Design

๋ฆฌ์•กํŠธ๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ฐœ๋ฐœํ•˜๋‹ค๋ณด๋ฉด ์ž์ฃผ ๋“ฃ๋Š” ์•„ํ† ๋ฏน ๋””์ž์ธ ํŒจํ„ด์— ๋Œ€ํ•ด์„œ ์–˜๊ธฐํ•ด๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.์•„ํ† ๋ฏน ๋””์ž์ธ์€ ๋””์ž์ธ ํŒจํ„ด์ค‘์— ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค. ๊ฐ€์žฅ ์ž‘์€ ์›์ž๋ถ€ํ„ฐ, ์›์ž๊ฐ€ ๋ชจ์—ฌ์„œ ๋ถ„์ž๋ฅผ ์ด๋ฃจ๊ณ , ๋ถ„์ž๋“ค์„ ๋ชจ์•„์„œ ์œ ๊ธฐ์ฒด๋ฅผ ํ˜•์„ฑํ•˜๊ณ , ์œ ๊ธฐ์ฒด๋ฅผ ๋ชจ์•„ ํ•˜๋‚˜์˜ ํ…œํ”Œ๋ฆฟ์œผ๋กœ

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

์›น ์ ‘๊ทผ์„ฑ | WAI-ARIA

์ ‘๊ทผ๊ฐ€๋Šฅํ•œ ๋ฆฌ์น˜ ์ธํ„ฐ๋„ท ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ (Accessible Rich Internet Application, ARIA)์žฅ์• ๋ฅผ ๊ฐ€์ง„ ์‚ฌ์šฉ์ž๊ฐ€ ์›น ์ฝ˜ํ…์ธ ์™€ ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์— ๋” ์‰ฝ๊ฒŒ ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์„ ์ •์˜ํ•˜๋Š” ์—ฌ๋Ÿฌ ํŠน์„ฑํŠนํžˆ JavaScript๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ฐœ๋ฐœํ•œ ์›น ์–ดํ”Œ๋ฆฌ

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

ํ”„๋ก ํŠธ ์„œ๋ฒ„, ๋ฐฑ์—”๋“œ ์„œ๋ฒ„์™€ CORS ์—๋Ÿฌ

์„œ๋ฒ„๋Š” ํด๋ผ์ด์–ธํŠธ์—๊ฒŒ ๋„คํŠธ์›Œํฌ๋ฅผ ํ†ตํ•ด์„œ ์ •๋ณด๋‚˜ ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๋Š” ์ปดํ“จํ„ฐ ๋˜๋Š” ์ปดํ“จํ„ฐ ํ”„๋กœ๊ทธ๋žจ์ด๋‹ค.์ฆ‰, ์‚ฌ์šฉ์ž(ํด๋ผ์ด์–ธํŠธ)์˜ ์š”์ฒญ์— ๋Œ€ํ•œ ์‘๋‹ต์„ ๋„˜๊ฒจ์ฃผ๋Š” ์—ญํ• ์„ ํ•œ๋‹ค.์›น์—์„œ ์„œ๋ฒ„๋Š” ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ• ๊นŒ?์›น ์„œ๋ฒ„๋Š” HTTP๋ฅผ ํ†ตํ•ด์„œ ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์š”์ฒญํ•˜๋Š” HTML ๋ฌธ์„œ๋‚˜ ์ด๋ฏธ

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

JavaScript | ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ

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

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

์•Œ๊ณ ๋ฆฌ์ฆ˜ | ๋ฐฑํŠธ๋ž˜ํ‚น Backtracking (feat. DFS, N-Queens)

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

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

Vanilla JS | Who ate my fish?

์ ‘์†ํ•œ ์‚ฌ์šฉ์ž๋“ค์ด ์‹ค์‹œ๊ฐ„ ์†Œํ†ต์„ ํ†ตํ•ด์„œ โ€œ์ƒ์„ ์„ ํ›”์ณ ๊ฐ„โ€ ๊ณ ์–‘์ด๋ฅผ ์ฐพ๋Š” ์ปจ์…‰์˜ ์ฑ„ํŒ… ๊ธฐ๋ฐ˜ ์›น ๊ฒŒ์ž„์ž…๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๋“ค์€ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋Œ€ํ™”ํ•˜๋ฉด์„œ ์ƒ์„ ์„ ํ›”์ณ ๊ฐ„ ๋งˆํ”ผ์•„ ๊ณ ์–‘์ด๋ฅผ ์ฐพ์•„์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฅผ ์œ„ํ•ด์„œ ์‚ฌ์šฉ์ž์—๊ฒŒ ์žฌ๋ฏธ์žˆ๋Š” ๊ฒŒ์ž„ ์š”์†Œ๋ฅผ ์ฃผ์–ด ์‚ฌ์šฉ์ž๋“ค์ด ํˆฌํ‘œ๋ฅผ ํ†ตํ•ด์„œ ๋งˆํ”ผ์•„

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

Vanilla JS | Game Snacks

2021/10/19 ~ 2021/10/21์Šค๋‚ต ๊ฒŒ์ž„์ด๋ž€?๋ณ„๋„์˜ ์„ค์น˜ ์—†์ด ์–ธ์ œ ์–ด๋””์„œ๋“  ์ด์šฉ์ด ๊ฐ€๋Šฅํ•œ ๋ฌด๋ฃŒ ๋ฏธ๋‹ˆ๊ฒŒ์ž„์ด๋‹ค.์–ด๋ ธ์„ ๋•Œ ํ•˜๋˜ ์Šค๋‚ต ๊ฒŒ์ž„์„ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ตฌํ˜„ํ•ด๋ณด๋ฉฐ ํ”„๋กœ๊ทธ๋žจ ๊ตฌํ˜„ ์‹ค๋ ฅ์„ ํ–ฅ์ƒ์‹œํ‚จ๋‹ค.๋ณ€์ˆ˜๋“ค์„ ์•ˆ์ „ํ•˜๊ฒŒ ๋ณ€๊ฒฝํ•˜๊ณ  ์œ ์ง€ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•œ๋‹ค.๊ฐ€๋…์„ฑ์ด ์ข‹์€

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