์ธ๊ธฐ ๊ธ
-
React
[ React ] Chart UI ๊ตฌํ์ ์ํ React ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ ๋ฆฌ
Chart ๊ด๋ จ Libraries ์ ๋ฆฌ ๊ธย ย 1.Rechartsโญ 20.3k ์ ์ธ๊ธฐ ์๋ ์ฐจํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ. (์ค๊ตญ ํ์ฌ)storybook์ ํตํ UI ๋ช
์ธ๊ฐ ์๊ณ , ๊ต์ฅํ ๋ค์ํ ์ฐจํธ ์ปดํฌ๋ํธ ์ง์.https://recharts.org/en-USย ย ย ย ย ย ย ย ย ย ย 2.nivoโญ 11.4khttps://nivo.rocks/components/ย ย ย ย ย ย ย ย 3.apexchartsโญ 12.5k์์๊ณ ์๊ธฐ์๊ธฐํ ๋์์ธ, React ์ปดํฌ๋ํธ ์์(class ์ปดํฌ๋ํธ ๊ธฐ๋ฐ), ์ปค์คํฐ๋ง์ด์ง ์์ ๋ ๋์.https://apexcharts.com/ย ย ย ย ย ย ย ย ย ย 4.react-chartjs-2โญ 5.9kChart.js ์ฉ React Component ๋ผ์ด๋ธ๋ฌ๋ฆฌ. Chart.js V3,V4๋ฅผ ์ํฌํธํจ. (๊ฐ์ฅ ์ธ๊ธฐ ๋ง..
-
Etc
[ iOS / ์ฑ์คํ ์ด ] ๋ฐฐํฌ๋ ์ฑ์ ์ด๋ฆ ๋ฐ ๋ถ์ ์์ ํ๋ ๋ฐฉ๋ฒ.
App Store์ ์ด๋ฏธ ์ฑ์ ๋ฐฐํฌํ๋๋ฐ ๋ถ์ ๋ฅผ ๋ณ๊ฒฝํด์ผ ํ ์ผ์ด ์๊ฒผ๋ค. ๋น์ฐํ ๊ธ๋ฐฉ ์์ ํ ์ ์์ ์ค ์์๋๋ฐ...!! ...?? ๐ฅบ App Store Connect์ ์ ์ํด์ ๋์ ์ฑ์ ๋ค์ด๊ฐ๋ณด๋ ์๋ฌผ์ ๋ก ์ ๊ฒจ์์๋ค...ใ
.. ํท... ์ฌ์ค ์ด๋ฆ์ด๋ ๋ถ์ ๋ฅผ ๋ณ๊ฒฝํ๋ ๋ฐฉ๋ฒ์ด ์ด๋ ต์ง๋ ์์ง๋ง, ๋์ฒ๋ผ ๋นํฉํ ์ฌ๋๋ค์ ์ํด... 1. ์๋ก์ด ๋ฒ์ ์ ์ฑ ๋น๋ ์์ฑ iOS์ฑ ์์ '+' ๋ฒํผ์ ๋๋ฌ ์๋ก์ด ๋ฒ์ ์ ์์ฑํด์ค๋ค. 2. Xcode๋ก ์๋ก์ด ๋น๋ ์
๋ก๋(App Store Connect) ๋๋ ๋ถ์ ๋ง ๋ณ๊ฒฝํ๋ฉด ๋ผ์, Xcode ๋น๋์์ ๋ฒ์ ๋ง ๋ณ๊ฒฝํด์ upload ํด์คฌ๋ค. 3. App Store Connect ์์ iOS์ฑ ์๋ก์ด ๋ฒ์ (1๋ฒ์์ ์์ฑํ) ์ฑ ์ ๋ณด ๋ฉ๋ด๋ก ๋ค์ด๊ฐ๋ค. ์๋ก์ด ๋น๋ ๋ฒ์ ..
-
React
[ Sentry ] F.E์์ Sentry๋ฅผ ํ์ฉํ์ฌ ๋๋ฒ๊น
ํ๊ธฐ.
ํ๋ก ํธ์๋์์ ๊ฐ๋ฐ ๋ฐ ์ด์์ ํ๋ ๊ณผ์ ์์ ๋ฐ์ํ๋ ์๋ฌ๋ฅผ ๋ชจ๋ํฐ๋งํ๋ ๋ฐฉ๋ฒ์ ๋ค์ํ๋ค. ํ์ฌ ์ฐ๋ฆฌ ํ์ฌ๋ ํ๋ก ํธ์๋์ ๋๋ฒ๊น
ํด๋ก ์ผํธ๋ฆฌ๋ฅผ ์ฌ์ฉํ๊ณ ์์ด์ ๊ฐ๋จํ ์๊ฐํ๋ ค๊ณ ํ๋ค.ย ์ผํธ๋ฆฌ๋ ์น, ๋ชจ๋ฐ์ผ ์ฑ, ๊ฒ์๋ฑ์ ๋ค์ํ ์ ํ๋ฆฌ์ผ์ด์
์์ ๋ฐ์ํ๋ ์ค๋ฅ๋ฅผ ์ค์๊ฐ์ผ๋ก ์ถ์ ํ๊ณ ๋ถ์ํ์ฌ ์์ธก ๊ฐ๋ฅํ ์ค๋ฅ์ ์์ธก ๋ถ๊ฐ๋ฅํ ์ค๋ฅ๋ค์ ๋ํด ํ์ง๋ฅผ ์ํ ํด์ด๋ค. ์ฒ์์๋ ์คํ ์์ค ํ๋ก์ ํธ๋ก ์์ํ์์ผ๋ ํ์ฌ๋ ํด๋ผ์ฐ๋ ๊ธฐ๋ฐ ์๋น์ค์ ์จํ๋ ๋ฏธ์ค ์ค์น ๋ฒ์ ์ ๋ชจ๋ ์ ๊ณตํ๋ค. ์ผํธ๋ฆฌ๋ฅผ ์ ํ์ฉํ์ฌ ๊ณ ๊ฐ๋ค์๊ฒ ๋ ๋์ ํ์ง์ ์๋น์ค๋ฅผ ์ ๊ณตํ ์ ์๋ค.ย ย ์ผํธ๋ฆฌ์ ๊ฐ๋ ฅํ ๊ธฐ๋ฅ๋คย 1. ์๋ฌ ๋ชจ๋ํฐ๋ง์ ํ๋ฆฌ์ผ์ด์
์์ ๋ฐ์ํ๋ ๋ชจ๋ ์๋ฌ๋ฅผ ์๋์ผ๋ก ๊ฐ์งํ๊ณ ๊ธฐ๋กํ์ฌ ๊ฐ๋ฐ์๊ฐ ์ด๋ค ์๋ฌ๊ฐ ๋ฐ์ํ๋์ง ๋ฐ๋ก ์ ์ ์๋๋ก ๋์์ค๋ค..
-
WEB
[์๋ฌ] 400 Bad Request Request Header Or Cookie Too Large
์๋น์ค์ QA๋ฅผ ์งํํ๋ค๊ฐ ์๋์ ๊ฐ์ ์ด์๊ฐ ๋์๋ค. 400 Bad Request Request Header Or Cookie Too Large nginx ๋ฐ์ ์์ธ 400 Bad Request Request Header Or Cookie Too Large nginx ์๋ฌ๋ HTTP ์ํ ์ฝ๋ ์ค ํ๋๋ก, ์์ฒญ ํค๋ ๋๋ ์ฟ ํค๊ฐ ๋๋ฌด ํฌ๊ธฐ ๋๋ฌธ์ ์น ์๋ฒ(nginx)์์ ์ฒ๋ฆฌํ ์ ์๋ค๋ ๊ฒ์ ๋ํ๋ธ๋ค. ์ด๋ ์น ์๋ฒ์ ์ค์ ๋ ์ ํ ํฌ๊ธฐ๋ฅผ ์ด๊ณผํ ๊ฒ์ด๊ธฐ ๋๋ฌธ์ ์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ค๋ฉด, ์์ฒญ ํค๋ ๋๋ ์ฟ ํค ํฌ๊ธฐ๋ฅผ ์ค์ด๊ฑฐ๋ ์น ์๋ฒ์์ ์ ํ ํฌ๊ธฐ๋ฅผ ๋๋ ค์ผ ํ์ง๋ง ๋ฐฉ๋ฌธ์๊ฐ ๋ธ๋ผ์ฐ์ ์ ์ฌ์ดํธ ๊ธฐ๋ก์ ์ญ์ ํ๋ ๊ฐ๋จํ ๋ฐฉ๋ฒ์ผ๋ก ํด๊ฒฐํ ์ ์๋ค. (๋ชจ๋ฐ์ผ ์น๋ ๋ง์ฐฌ๊ฐ์ง๋ก ์ค์ ์์ ํด๋น ๋ธ๋ผ์ฐ์ ์ฑ์ ์ ํํ๋ฉด ์บ์๋ฅผ..
-
Etc
[Side Project] ๊ฐ๋ก์ธ๋ก ๋ฑ๋งํด์ฆ ๊ฒ์ ๋ง๋ค๊ธฐ(01)
2024๋
11์๋ถํฐ, ํ์ฌ ๋๋ฃ๋ถ 2๋ช
๊ณผ ํจ๊ป ์ฌ์ด๋ ํ๋ก์ ํธ๋ฅผ ํด๋ณด๊ธฐ๋ก ํ๋ค.์ผ๋จ ๋ฉค๋ฒ ๊ตฌ์ฑ์ ํ๋ก ํธ๋ ๋, ๋๋ฃ๋ถ 2๋ช
์ ๋ฐฑ์๋. ์ด๋ ๊ฒ 3๋ช
์ด์ ์งํํ๊ธฐ๋ก ํ๋ค.ย ํด๊ทผํ๊ณ ๋งค์ฃผ ์์์ผ์ ์จ๋ผ์ธ ๋๋ ์คํ๋ผ์ธ์ผ๋ก ๋ง๋์ ๊ธฐํํ๊ณ ๊ณํ์ ์ธ์ ๋ค.์ฒ์์ ์กฐ๊ธ ํฐ ๊ท๋ชจ์ ์๋น์ค๋ฅผ ์๊ฐํ๋ค๊ฐ, ์ฌ์ด๋ ํ๋ก์ ํธ์ธ ๋งํผ ๋น ๋ฅด๊ฒ ์๋น์ค๋ฅผ ๋ฐฐํฌํ ์ ์๋๋ก๋ ์์ ๊ท๋ชจ์ ์๋น์ค ์์ด๋์ด ํ์๋ฅผ ์งํํ๊ณ , ๊ทธ ๊ฒฐ๊ณผ ๊ฐ๋ก์ธ๋ก ๋ฑ๋งํด์ฆ ์๋น์ค๋ฅผ ๋ง๋ค์ด๋ณด๊ธฐ๋ก ํ๋ค.ย ํด์ฆ์ ๋ฌธ์ ๋ ๋ฐ์ดํฐ๋ฅผ ์๊ณ , ๋จธ์ ๋ฌ๋์ ํตํด ์ถํ ์๋ํ๊น์ง ๊ณ ๋ คํ๊ธฐ๋ก ํ์๊ณ (์ฝํ
์ธ ์ ์ง๊ณผ ์์ด ์ค์ํ ์๋น์ค์ด๊ธฐ ๋๋ฌธ์)๊ธฐ์ ์คํ์ ๋ค๋ค ๊ฐ์ ํด๋ณด๊ณ ์ถ์ง๋ง ์ค๋ฌด์์๋ ๊ฒฝํํ๊ธฐ ํ๋ ์ต์ ๊ธฐ์ ๋๋ ๋ณธ์ธ๋ค์ด ํด๋ณด๊ณ ์ถ์๋ ์คํ์ผ๋ก ๊ณต๋ถํ๋ฉฐ ์์
์ ์งํํ..