2024/11/06
-
- [React.js] Recharts ๋ผ์ด๋ธ๋ฌ๋ฆฌ
Recharts ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค์ด๊ฐ๋ฉฐ๋ฆฌ์กํธ(React) ๊ธฐ๋ฐ์ ๋ฐ์ดํฐ ์๊ฐํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ธ Recharts์ ๋ํด ์ ๋ฆฌํด๋ณธ๋ค. Recharts๊ฐ๋ ๋ฆฌ์กํธ(React) ๊ธฐ๋ฐ์ ๋ฐ์ดํฐ ์๊ฐํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค์ํ ์ฐจํธ๋ฅผ ์ฝ๊ฒ ์์ฑํ๊ณ ๋ฐ์ดํฐ๋ฅผ ์๊ฐ์ ์ผ๋ก ํํํ ์ ์๋๋ก ๋์์ค๋ค.์ ์ธํ ๋ฐฉ์์ผ๋ก ๋ฆฌ์กํธ์ ์ ๋ง์ผ๋ฉฐ, ๊ทธ๋ํ๋ฅผ ๊ตฌ์ฑํ๋ ๋ฐ ํ์ํ ์ฌ๋ฌ ์ปดํฌ๋ํธ๋ฅผ ์ ๊ณตํด ์ง๊ด์ ์ผ๋ก ์ฐจํธ๋ฅผ ๊ตฌ์ฑํ ์ ์๋๋ก ๋์์ค๋ค. ํน์ง๋ฆฌ์กํธ ์ปดํฌ๋ํธ๋ฅผ ์ฌ์ฉํ์ฌ ์ฐจํธ๋ฅผ ๊ตฌ์ฑํ๋ฏ๋ก, ๋ฆฌ์กํธ์ ์ํ(State)์ ์์ฑ์ ํ์ฉํด ๋์ ์ผ๋ก ์ฐจํธ๋ฅผ ์ ๋ฐ์ดํธํ ์ ์๋ค.Recharts๋ ๋ด๋ถ์ ์ผ๋ก D3.js ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ํ์ฉํ์ฌ ์ฐจํธ๋ฅผ ๋ ๋๋งํ๋ค.D3.js์ ๊ฐ๋ ฅํ๊ณ ๋ค์ํ ๊ธฐ๋ฅ์ ๋ฆฌ์กํธ ์ปดํฌ๋ํธ ํํ๋ก ๊ฐํธํ๊ฒ ์ฌ์ฉํ ์ ์๋ค.์ฐจํธ๋ฅผ ๊ตฌ์ฑํ๋ ์์..
1 2024.11.06 -
- [Service] Render
Render๋ค์ด๊ฐ๋ฉฐ์ ํ๋ฆฌ์ผ์ด์ ๋ฐฐํฌ ๋ฐ ํธ์คํ ํ๋ซํผ ์ค ํ๋์ธ Render์ ๋ํด ์ ๋ฆฌํด๋ณธ๋ค. Render๊ฐ๋ ํด๋ผ์ฐ๋ ๊ธฐ๋ฐ์ ์ ํ๋ฆฌ์ผ์ด์ ๋ฐฐํฌ ๋ฐ ํธ์คํ ํ๋ซํผ๊ฐ๋ฐ์๋ค์ด ์น ์ ํ๋ฆฌ์ผ์ด์ , API, ์ ์ ์ฌ์ดํธ ๋ฑ์ ์์ฝ๊ฒ ๋ฐฐํฌํ๊ณ ๊ด๋ฆฌํ ์ ์๋๋ก ์ง์ํ๋ค.๋ณต์กํ ์ธํ๋ผ ์ค์ ์์ด๋ ์๋์ผ๋ก ์ ํ๋ฆฌ์ผ์ด์ ์ ๋น๋ํ๊ณ ๋ฐฐํฌํ๋ฉฐ, ํ์ฅ์ฑ๊ณผ ์์ ์ฑ์ ์ ๊ณตํ๋ค.์คํํธ์ ์ด๋ ์๊ท๋ชจ ํ์ด ๋น ๋ฅด๊ฒ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ฐฐํฌํ๊ณ ๊ด๋ฆฌํ๋ ๋ฐ ์ ์ฉํ๋ฉฐ, ๋ณต์กํ ์ธํ๋ผ ๊ด๋ฆฌ์ ๋ํ ๋ถ๋ด์ ์ค์ฌ์ค๋ค.Render๋ ๋ฐ์ดํฐ๋ฒ ์ด์ค, ๋ฐฑ๊ทธ๋ผ์ด๋ ์์ ๋ฑ ๋ค์ํ ๋ฐฑ์๋ ์๋น์ค๋ฅผ ์ง์ํ์ฌ ํ์คํ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ง๋๋ ๋ฐ์ ์ ํฉํ๋ค. Cloud Application Platform | RenderOn Render, you can build, ..
2024.11.06 -
- [Service] Mockaroo
Mockaroo๋ค์ด๊ฐ๋ฉฐ๊ฐ์ ๋ฐ์ดํฐ๋ฅผ ์์ฑํด์ฃผ๋ ๋๊ตฌ์ธ Mockaroo์ ๋ํด ์ ๋ฆฌํด๋ณธ๋ค. Mockaroo๊ฐ๋ ๊ฐ๋ฐ์์ ๋ฐ์ดํฐ ๋ถ์๊ฐ๋ฅผ ์ํด ํ์ค์ ์ธ ๊ฐ์ ๋ฐ์ดํฐ๋ฅผ ์์ฑํด์ฃผ๋ ์จ๋ผ์ธ ๋๊ตฌCSV, JSON, SQL, Excel ๋ฑ ๋ค์ํ ํ์์ผ๋ก ์ต๋ 1,000๊ฐ์ ํ์ ๋ฌด๋ฃ๋ก ์์ฑํ ์ ์๋ค. ์ฃผ์ ๊ธฐ๋ฅ์ด๋ฆ, ์ฃผ์, ์ด๋ฉ์ผ ๋ฑ ๋ค์ํ ํ๋ ํ์ ์ ์ ๊ณตํ์ฌ ์ฌ์ฉ์ ์ ์ ๋ฐ์ดํฐ ์์ฑ์ด ๊ฐ๋ฅํ๋ค.ํ๋ ์ด๋ฆ, ๋ฐ์ดํฐ ํ์ , ์ต์ ๋ฑ์ ์ค์ ํ์ฌ ์ํ๋ ๋ฐ์ดํฐ ๊ตฌ์กฐ๋ฅผ ๋ง๋ค ์ ์๋ค. CSV, JSON, SQL, Excel ๋ฑ ์ฌ๋ฌ ํ์์ผ๋ก ๋ฐ์ดํฐ๋ฅผ ๋ค์ด๋ก๋ํ ์ ์๋ค.๊ฐ์ API๋ฅผ ์ค๊ณํ์ฌ ์ค์ API์์ ์ํธ ์์ฉ์ ํ๊ฒ ํ ์ ์๋ค. ์ฌ์ฉ ๋ฐฉ๋ฒ์๋์ ๊ณต์ ํํ์ด์ง์ ์ ์ํ์ฌ ํ๋ ์ด๋ฆ(Field Name)๊ณผ ํ์ (..
2 2024.11.06