Transparent White Star

๐Ÿ“Œ ์ „์ฒด ๊ฒŒ์‹œ๊ธ€ ๋ชฉ๋ก

๋ฌธ์ œ 1์•„๋ฌด๋ฆฌํ•ด๋„ 500์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒ .. ๋‹จ์ง€ params๋กœ ๊ฐ์‹ธ์„œ ์ƒ๊ธด ๋ฌธ์ œURL Parameters (params) ๋ชฉ์ : URL Parameters๋Š” ์ฃผ๋กœ ๊ฐ„๋‹จํ•œ ๊ฐ’์ด๋‚˜ ์ฟผ๋ฆฌ ์ŠคํŠธ๋ง์„ ์ „๋‹ฌํ•  ๋•Œ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ๋ณดํ†ต ๊ฒ€์ƒ‰, ํ•„ํ„ฐ๋ง, ์ •๋ ฌ ๋“ฑ์˜ ์šฉ๋„๋กœ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.์œ„์น˜: URL์˜ ๋์— ํฌํ•จ๋˜๋ฉฐ, ? ๋’ค์— key=value ํ˜•ํƒœ๋กœ ์ถ”๊ฐ€๋ฉ๋‹ˆ๋‹ค. ์—ฌ๋Ÿฌ ๊ฐœ์˜ ํŒŒ๋ผ๋ฏธํ„ฐ๋Š” &๋กœ ๊ตฌ๋ถ„๋ฉ๋‹ˆ๋‹ค.์˜ˆ: /search?name=John&age=30์ „์†ก ๋ฐฉ๋ฒ•: ์ฃผ๋กœ GET ์š”์ฒญ์—์„œ ์‚ฌ์šฉ๋˜๋ฉฐ, ์š”์ฒญํ•˜๋Š” ๋ฆฌ์†Œ์Šค๋ฅผ ๋ช…์‹œํ•˜๊ฑฐ๋‚˜ ํ•„ํ„ฐ๋งํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.๋ฐ์ดํ„ฐ ํฌ๊ธฐ: URL ๊ธธ์ด์— ์ œํ•œ์ด ์žˆ์–ด, ๋ฐ์ดํ„ฐ๋ฅผ ๋งŽ์ด ๋‹ด์„ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ๋Š” URL ๊ธธ์ด์— ์ œํ•œ์ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ๊ธด ๋ฐ์ดํ„ฐ๋ฅผ ์ „๋‹ฌํ•˜๋Š” ๋ฐ ์ ํ•ฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.๋ณด์•ˆ: URL์—..
๊ธฐํš ๋‹จ๊ณ„์šฐ๋ฆฌ๊ฐ€ ๋งŒ๋“ค ์„œ๋น„์Šค์˜ ๊ถ๊ทน์ ์ธ ๋ชฉ์ ์€ ๋ฌด์—‡์ผ๊นŒ?์šฐ๋ฆฌ๊ฐ€ ๋งŒ๋“ค ์„œ๋น„์Šค์˜ ๋Œ€์ƒ์€ ๋ˆ„๊ตฌ์ธ๊ฐ€?์šฐ๋ฆฌ๊ฐ€ ๋งŒ๋“ค ์„œ๋น„์Šค๊ฐ€ ์ถ”๊ตฌํ•ด์•ผํ•  ๊ฐ€์น˜๊ฐ€ ๋ฌด์—‡์ธ๊ฐ€?๋ ˆํผ๋Ÿฐ์Šค ์ฐพ์•„์˜ค๊ธฐ์œ ์‚ฌ ์„œ๋น„์Šค๋Š” ์—†์„๊นŒ? - ์œ ์‚ฌ ์„œ๋น„์Šค ์ฐพ์•„๋ณด๊ธฐ์ƒ๊ฐ์˜ ์‹œ๊ฐํ™” - ์ง€๊ธˆ ๋‚ด ์ƒ๊ฐ์„ ๊ฐ€์žฅ ๋น„์Šทํ•˜๊ฒŒ ๋ณด์—ฌ์ฃผ๋Š” ๊ทธ๋ฆผ์ด๋‚˜ ์‚ฌ์ง„API ์กฐ์‚ฌ ํ•˜๊ธฐ (์ฐพ์„ ์ˆ˜ ์žˆ๋Š” ์‚ฌ๋žŒ๋“ค์€!!) ๊ฐœ๋ฐœ๋‹จ๊ณ„ํ”„๋ก ํŠธ 3๋ช…์—์„œ ์—…๋ฌด ๋ถ„๋ฐฐ - ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž์™€ 1:1 ๋งค์นญ - api ๊ฐœ๋ฐœ - ํ”„๋ก ํŠธ ๊ฐœ๋ฐœ๋‚ด๊ฐ€ ๋‹ด๋‹นํ•œ ํŽ˜์ด์ง€๋Š” ์ค‘๊ณ ๊ฑฐ๋ž˜ ์‹œ์„ธ์กฐํšŒ, ์ฑ„ํŒ…์ด์˜€๋‹ค. ์‹œ์„ธ์กฐํšŒ1. chart.js ์‚ฌ์šฉ2. 2025-02-03 ์‹œ์„ธ์กฐํšŒ์— ๋ณด์—ฌ์ค„ ๋ฐ์ดํ„ฐ์˜ ์˜๋„๊ฐ€ ํ”ผ๊ทธ๋งˆ์™€ ๋งž์ง€ ์•Š์•„ ๋‹ค์‹œ ํšŒ์˜ ์ง„ํ–‰ํšŒ์˜ ๋‚ด์šฉ์˜ˆ๋ฅผ๋“ค์–ด ์›ํ”ผ์Šค ๋ฃจํ”ผ๋ฅผ ๊ฒ€์ƒ‰ํ–ˆ์„๋•Œ, 1์ผ๊ณผ 1์ฃผ์ผ์น˜์˜ ํŒ๋งค๊ฐ€ ๊ตฌ๋งค๊ฐ€์˜ ๊ทธ๋ž˜ํ”„๋ฅผ ๋ณด์—ฌ์คฌ๋‹ค. ์œ„์—๋ณด์ด๋Š” ํŒŒ๋ž‘๋นจ..
Zustand์™€ ์ฟ ํ‚ค๋ฅผ ํ™œ์šฉํ•œ ์•ˆ์ „ํ•œ ๋กœ๊ทธ์ธ ์ƒํƒœ ๊ด€๋ฆฌโ˜„๏ธ ๋ฌธ์ œ์ : ์ƒˆ๋กœ ๊ณ ์นจ ์‹œ ๋กœ๊ทธ์ธ ์ƒํƒœ ์œ ์ง€ ์•ˆ๋จํ˜„์žฌ ๋กœ๊ทธ์ธ ํ›„ ๋ฐ›์€ ์‚ฌ์šฉ์ž ์ •๋ณด๋ฅผ Zustand์˜ userStore์— ์ €์žฅํ•˜์—ฌ ์ƒํƒœ๋ฅผ ๊ด€๋ฆฌํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.ํ•˜์ง€๋งŒ ์ƒˆ๋กœ ๊ณ ์นจ ์‹œ ์ƒํƒœ๊ฐ€ ์ดˆ๊ธฐํ™”๋˜์–ด ๋กœ๊ทธ์ธ ์ƒํƒœ๊ฐ€ ์œ ์ง€๋˜์ง€ ์•Š๋Š” ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค.ํ† ํฐ์ด๋‚˜ ์‚ฌ์šฉ์ž ์ •๋ณด๋ฅผ ๋กœ์ปฌ ์Šคํ† ๋ฆฌ์ง€๋‚˜ ์„ธ์…˜ ์Šคํ† ๋ฆฌ์ง€์— ์ €์žฅํ•˜๋Š” ๊ฒƒ์ด ํ•„์š”ํ• ์ง€ ๊ณ ๋ฏผ์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๐Ÿš€ ๊ณ ๋ฏผ๋กœ๊ทธ์ธ ์ƒํƒœ ์œ ์ง€๋ฅผ ์œ„ํ•ด ์–ด๋–ค ์ €์žฅ ๋ฐฉ์‹์ด ๊ฐ€์žฅ ์ ํ•ฉํ• ๊นŒ?zustand๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ๋กœ์ปฌ ์Šคํ† ๋ฆฌ์ง€๋‚˜ ์„ธ์…˜ ์Šคํ† ๋ฆฌ์ง€๋ฅผ ์ถ”๊ฐ€๋กœ ํ™œ์šฉํ•ด์•ผ ํ• ๊นŒ, ์•„๋‹ˆ๋ฉด ๋‹ค๋ฅธ ๋ฐฉ๋ฒ•์„ ๊ณ ๋ คํ•ด์•ผ ํ• ๊นŒ?์ฟ ํ‚ค๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค๋ฉด ์–ด๋–ป๊ฒŒ ์•ˆ์ „ํ•˜๊ฒŒ ํ† ํฐ์„ ์ €์žฅํ•˜๊ณ  ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์„๊นŒ? ์ƒํƒœ ๊ด€๋ฆฌ์˜ ๊ธฐ๋ณธ ๋ฌธ์ œโ˜๐Ÿป ์—ฌ๊ธฐ์„œ ์ž ๊นzustand๋Š” ๋ฉ”๋ชจ๋ฆฌ ์ƒ..
์›Œํฌ๋ฃจํŠธ | ๊ตฌ์ธ๊ตฌ์ง ํ”Œ๋žซํผ๊ฐ„ํŽธํ•œ ์•Œ๋ฐ” ๊ตฌ์ธ๊ตฌ์ง ํ”Œ๋žซํผ, ์›Œํฌ๋ฃจํŠธ์—์„œ ์‹œ์ž‘ํ•˜์„ธ์š”.www.workroot.life 1. ํ”„๋กœ์ ํŠธ ๊ฐœ์š”ํ•œ ๋‹ฌ์„ ๋น ๋“ฏํ•˜๊ฒŒ ๋ณด๋‚ธ 2024๋…„์˜ ๋งˆ์ง€๋ง‰ โœจ ๋“œ๋””์–ด ์‹ฌํ™” ํ”„๋กœ์ ํŠธ๋ฅผ ๋งˆ๋ฌด๋ฆฌํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ํšŒ๊ณ ๋Š” ํ”„๋กœ์ ํŠธ๊ฐ€ ๋๋‚˜๊ณ  2์ฃผ ํ›„์— ์ž‘์„ฑ ์ค‘..์‹ฌํ™”ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉฐ ๊ตฌํ˜„ํ–ˆ๋˜ ๊ฒƒ๋“ค๊ณผ ์–ด๋–ค ์–ด๋ ค์›€์ด ์žˆ์—ˆ๋Š”์ง€, ๋ฐฐ์šด ๊ฒƒ๋“ค์€ ๋ฌด์—‡์ธ์ง€์— ๋Œ€ํ•ด ํšŒ๊ณ ๊ธ€์„ ์ž‘์„ฑํ•ด๋ณด๋ ค ํ•œ๋‹ค.- ํ”„๋กœ์ ํŠธ๋ช…: WorkRoot (์›Œํฌ๋ฃจํŠธ)- ๊ฐœ๋ฐœ ๊ธฐ๊ฐ„: 2024.11.22 ~ 2024.12.30- ํŒ€ ๊ตฌ์„ฑ: ํ”„๋ก ํŠธ์—”๋“œ 4๋ช…- GitHub ํŒ€ ๋ ˆํฌ์ง€ํ† ๋ฆฌ ๋งํฌ GitHub - FE9-2/workroot: FE9-2ํŒ€) ๐ŸŒณ "์ผ"์„ ํ†ตํ•ด ์ž์‹ ์˜ ๋ฟŒ๋ฆฌ๋ฅผ ๋‚ด๋ฆฌ๋ฉฐ "์„ฑ์žฅ"ํ•˜๋Š” ๊ตฌ์ธ๊ตฌ์ง ์‚ฌ์ดํŠธFE9-2ํŒ€) ๐ŸŒณ "์ผ"์„ ํ†ตํ•ด ์ž์‹ ์˜..
์ฑ… ๋ชฉ์ฐจ๋Œ€๋กœ ์ฝ์ง€์•Š๊ณ  ์ฝ์œผ๋ฉฐ ์ •๋ฆฌํ•˜๋Š” Deep Dive Day 1 โœช 10์žฅ ๊ฐ์ฒด ๋ฆฌํ„ฐ๋Ÿด๊ฐ์ฒด์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„  ํด๋ž˜์Šค์™€ ์ธ์Šคํ„ด์Šค๋ฅผ ํฌํ•จ์ธ์Šคํ„ด์Šคํด๋ž˜์— ์˜ํ•ด ์ƒ์„ฑ๋˜์–ด ๋ฉ”๋ชจ๋ฆฌ์— ์ €์žฅ๋œ ์‹ค์ฒดํ•จ์ˆ˜์™€ ๋ฉ”์„œ๋“œ์˜ ์ฐจ์ดํ•จ์ˆ˜๋Š” ์ผ๊ธ‰๊ฐ์ฒด๋กœ ๊ฐ’์œผ๋กœ ์ทจ๊ธ‰๋ฉ”์„œ๋“œ๋Š” ๊ฐ์ฒด์—์„œ ํ”„๋กœํผํ‹ฐ์˜ ๊ฐ’์œผ๋กœ ์‚ฌ์šฉ๋˜๋Š” ํ•จ์ˆ˜  ๐Ÿ“Œ Point์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” “๋ชจ๋“  ๊ฒƒ”์ด ๊ฐ์ฒด๊ฐ€ ๋  ์ˆ˜ ์žˆ๋‹ค.๊ฐ์ฒด์™€ ํ•จ์ˆ˜๋Š” ๋ฐ€์ ‘ํ•œ ๊ด€๊ฒŒ๊ฐ€์žˆ๋‹ค. ํ•จ์ˆ˜๋กœ ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑ ๋˜๋Š” ํ•จ์ˆ˜์ž์ฒด๊ฐ€ ๊ฐ์ฒด๊ฐ€ ๋˜๊ธฐ๋„ ํ•œ๋‹ค.Node.js ๋ธŒ๋ผ์šฐ์ € ํ™˜๊ฒฝ์˜ ์—๋Ÿฌ๋Š” ๋‹ค๋ฅผ ์ˆ˜ ์žˆ๋‹ค. ๋ธŒ๋ผ์šฐ์ €๋Š” window ๊ฐ์ฒด๊ฐ€ ์กด์žฌํ•˜๊ธฐ ๋•Œ๋ฌธ ์•Œ๊ฒŒ๋œ ๊ฐœ๋…1. ๊ฐ์ฒด์˜ ํ”„๋กœํผํ‹ฐ๋กœ ๊ฐ€๋Šฅํ•œ ๊ฒƒ๋“ค// 1. ์‹๋ณ„์ž ๋„ค์ด๋ฐ ๊ทœ์น™์„ ๋”ฐ๋ฅด์ง€ ์•Š๋Š” ํ‚ค๋Š” ๋ฐ˜๋“œ์‹œ ๋”ฐ์˜ดํ‘œ๋ฅผ ์‚ฌ์šฉvar person = { firstName: "Kim", ..
๐Ÿ–ผ๏ธ ์ง€๋‚œ๋‚ ์„ ๋Œ์•„๋ณด๋ฉฐ๊ธธ๋‹ค๋ฉด ๊ธธ์—ˆ๊ณ  ์งง๋‹ค๋ฉด ์งง๊ฒŒ ๋Š๊ปด์กŒ๋˜ 6๊ฐœ์›” ๋“œ๋””์–ด 2024๋…„์— ๋ฐ˜๋…„์˜ ์„ธ์›”์„ ๋ณด๋‚ด์—ˆ๋˜ ๋ถ€ํŠธ์บ ํ”„๊ฐ€ ๋งˆ๋ฌด๋ฆฌ๋˜์—ˆ๋‹ค 12์›” ๋ง์— ์ˆ˜๋ฃŒ ํ›„ ์ƒˆํ•ด๋ฅผ ๋งž์ดํ•œ 1์›” 10์ผ์— ํšŒ๊ณ ๊ธ€์„ ์ž‘์„ฑ ์ค‘์ด๋‹ค :) ๋๋‚˜์ง€ ์•Š์„ ๊ฒƒ ๊ฐ™์•˜๋˜ 24๋…„์ด ๋ฒŒ์จ ์ง€๋‚˜๊ฐ”๋‹ค๋‹ˆ ์ง€๋‚˜๊ณ  ๋ณด๋‹ˆ ๋” ์•Œ์ฐจ๊ฒŒ ๋ณด๋‚ด์ง€ ๋ชปํ–ˆ๋˜ ๋‚ ๋“ค๋„ ์žˆ์—ˆ๋˜ ๊ฒƒ ๊ฐ™์•„ ์•„์‰ฌ์›€์ด ๋‚จ๋Š”๋‹ค. ๊ทธ๋ž˜๋„ ์ •๋ง ๊พธ์ค€ํ•˜๊ฒŒ ์—ด์‹ฌํžˆ ๋‹ฌ๋ ค์™”๋‹ค. ์ปดํ“จํ„ฐ๊ณตํ•™์„ ์ „๊ณตํ•œ ๋‚ด๊ฐ€ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ ํ•œ ๋ฐœ, ๋‘ ๋ฐœ ๋” ๋‚˜์•„๊ฐ€๊ธฐ ์œ„ํ•ด ์ด ๋ถ€ํŠธ์บ ํ”„์— ์ฐธ์—ฌํ•œ ๊ฒƒ์€ ์ •๋ง ์ž˜ํ•œ ์„ ํƒ์ด์—ˆ๋‹ค๊ณ  ์ƒ๊ฐํ•œ๋‹ค. ๋ฌด๋ ค 3๊ฐœ์˜ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉฐ ํ•™๊ต์—์„œ ๋ถ€์กฑํ–ˆ๋˜ ํ”„๋ก ํŠธ์˜ ์ง€์‹์„ ๋งŽ์ด ์Œ“์•„๊ฐ”๋‹ค. ๊ธฐ์ดˆ๋ถ€ํ„ฐ ์ƒˆ๋กญ๊ฒŒ ๋‹ค์ง€๊ณ  ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๊ณ , ๋ธ”๋กœ๊ทธ๋„ ์ž‘์„ฑํ•˜๋ฉฐ ์—ญ์‹œ ์ž˜ ๋งž๋‹ค๋Š” ํฅ๋ฏธ๋„ ์ƒ๊ฒผ๊ณ  ๊ทธ ํฅ๋ฏธ๊ฐ€ ๊ณต๋ถ€๋ฅผ ์†Œํ™€ํžˆ ํ•˜์ง€..
yyezzzy
'๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก