๋ฌธ์ 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๊ฐ์ ํ๋ก์ ํธ๋ฅผ ํ๋ฉฐ ํ๊ต์์ ๋ถ์กฑํ๋ ํ๋ก ํธ์ ์ง์์ ๋ง์ด ์์๊ฐ๋ค. ๊ธฐ์ด๋ถํฐ ์๋กญ๊ฒ ๋ค์ง๊ณ ํ๋ก์ ํธ๋ฅผ ํ๊ณ , ๋ธ๋ก๊ทธ๋ ์์ฑํ๋ฉฐ ์ญ์ ์ ๋ง๋ค๋ ํฅ๋ฏธ๋ ์๊ฒผ๊ณ ๊ทธ ํฅ๋ฏธ๊ฐ ๊ณต๋ถ๋ฅผ ์ํํ ํ์ง..