์ธ๊ธฐ ๊ธ
-
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 / ์ฑ ๋ฑ๋ก ] Appstore ์ฑ ๋ฑ๋ก ์ ํ์ ์ฌํญ ๋ฐ ๋ฐฉ๋ฒ ์ด ์ ๋ฆฌ.
ํ์* ๋ฏธ๋ฆฌ ์ค๋นํด๋ฌ์ผ ํ ๊ฒ๋ค. - ์ ํ ๊ฐ๋ฐ์ ๊ณ์ (์ ๋ฃ) - 2022๋
4์๋ถํฐ App Store์ ์ ์ถํ๋ ๋ชจ๋ iOS ๋ฐ iPadOS ์ฑ์ Xcode 13 ๋ฐ iOS 15 SDK๋ก ๋น๋ํด์ผ ํ๋ค๊ณ ํ๋ค!! ์ฑ์คํ ์ด ๋ฐฐํฌ ๊ด๋ จ ํ์ ์ฌํญ ์ ๋ฆฌ โจ IOS์ฑ ๋ฒ์ ์ ๋ณด ์ฑ ๋ฏธ๋ฆฌ ๋ณด๊ธฐ ๋ฐ ์คํฌ๋ฆฐ์ท ํ๋ก๋ชจ์
ํ
์คํธ ์ค๋ช
ํค์๋ ์ง์ URL ๋ง์ผํ
URL ์ฑ ํด๋ฆฝ ํค๋ ์ด๋ฏธ์ง ๋ถ์ ๋ชฉ ์์
โจ ์ผ๋ฐ์ ๋ณด ์ฑ ์ ๋ณด ์ฑ ์ด๋ฆ ๋ถ์ ์ฑ ์นดํ
๊ณ ๋ฆฌ ์ฝํ
์ธ ๊ถํ ์ฐ๋ น ๋ฑ๊ธ ๊ฐ๊ฒฉ ๋ฐ ์ฌ์ฉ ๊ฐ๋ฅ ์ฌ๋ถ ๊ฐ๊ฒฉ ๋ณ๊ฒฝ ์ผ์ ์ธ๊ธ ์นดํ
๊ณ ๋ฆฌ ์ฌ์ ์ฃผ๋ฌธ ์ฌ๋ถ ์ฌ์ฉ ๊ฐ๋ฅ ์ฌ๋ถ Apple Silicon Mac์์ iPhone ๋ฐ iPad ์ฑ ์ฌ์ฉ ์ฑ ๋ฐฐํฌ ๋ฐฉ๋ฒ - ๊ณต๊ฐ / ๋น๊ณต๊ฐ , ํธํ ๊ฐ๋ฅํ ์ต๊ทผ ๋ฒ์ ์ค์ ์ฑ์ด ์์งํ๋ ๊ฐ์ธ์ ๋ณด ๊ฐ..
-
Etc
[ iOS / ์ฑ์คํ ์ด ] ๋ฐฐํฌ๋ ์ฑ์ ์ด๋ฆ ๋ฐ ๋ถ์ ์์ ํ๋ ๋ฐฉ๋ฒ.
App Store์ ์ด๋ฏธ ์ฑ์ ๋ฐฐํฌํ๋๋ฐ ๋ถ์ ๋ฅผ ๋ณ๊ฒฝํด์ผ ํ ์ผ์ด ์๊ฒผ๋ค. ๋น์ฐํ ๊ธ๋ฐฉ ์์ ํ ์ ์์ ์ค ์์๋๋ฐ...!! ...?? ๐ฅบ App Store Connect์ ์ ์ํด์ ๋์ ์ฑ์ ๋ค์ด๊ฐ๋ณด๋ ์๋ฌผ์ ๋ก ์ ๊ฒจ์์๋ค...ใ
.. ํท... ์ฌ์ค ์ด๋ฆ์ด๋ ๋ถ์ ๋ฅผ ๋ณ๊ฒฝํ๋ ๋ฐฉ๋ฒ์ด ์ด๋ ต์ง๋ ์์ง๋ง, ๋์ฒ๋ผ ๋นํฉํ ์ฌ๋๋ค์ ์ํด... 1. ์๋ก์ด ๋ฒ์ ์ ์ฑ ๋น๋ ์์ฑ iOS์ฑ ์์ '+' ๋ฒํผ์ ๋๋ฌ ์๋ก์ด ๋ฒ์ ์ ์์ฑํด์ค๋ค. 2. Xcode๋ก ์๋ก์ด ๋น๋ ์
๋ก๋(App Store Connect) ๋๋ ๋ถ์ ๋ง ๋ณ๊ฒฝํ๋ฉด ๋ผ์, Xcode ๋น๋์์ ๋ฒ์ ๋ง ๋ณ๊ฒฝํด์ upload ํด์คฌ๋ค. 3. App Store Connect ์์ iOS์ฑ ์๋ก์ด ๋ฒ์ (1๋ฒ์์ ์์ฑํ) ์ฑ ์ ๋ณด ๋ฉ๋ด๋ก ๋ค์ด๊ฐ๋ค. ์๋ก์ด ๋น๋ ๋ฒ์ ..
-
Etc
[ Mac OS / Terminal ] zsh ์
ธ์์ Vim์ ์ด์ฉํ์ฌ ํ๊ฒฝ ๋ณ์ ์ค์ ํ๋ ๋ฐฉ๋ฒ.
๐ VIM ์๊ฐ - vim.org Vim์ ๋ชจ๋ ์ข
๋ฅ์ ํ
์คํธ๋ฅผ ๋ง๋ค๊ณ ๋ณ๊ฒฝํ ์ ์๋๋ก ๊ตฌ์ฑ ๊ฐ๋ฅํ ํ
์คํธ ํธ์ง๊ธฐ์
๋๋ค. ๋๋ถ๋ถ์ UNIX ์์คํ
๋ฐ Apple OS X์ "vi"๋ก ํฌํจ๋์ด ์์ต๋๋ค. ๋ผ๊ณ vim ๊ณต์ ํ์ด์ง์ ์๊ฐ๊ฐ ๋์จ๋ค. ๊ณต์ ํ์ด์ง๊ฐ ์ ๋ง.... ๋ ํธ๋ก ๊ฐฌ์ฑ์ ์ฌ์ดํธ... ๐
๊ฐ๋จํ๊ฒ ์ํคํผ๋์๋ฅผ ํตํด ์ฐพ์๋ณธ vim ๋ชจ๋ ์ค๋ช
์ ๊ฐ๋จํ๊ฒ ์ฝ๊ณ ๋์ด๊ฐ์-! ์ผ๋ฐ ๋ชจ๋ (Nomal Mode) ๊ธฐ๋ณธ ๋ชจ๋์ด๋ค. ๋ค๋ฅธ ๋ชจ๋์์ ESC๋ฅผ ๋๋ฌ ์ผ๋ฐ ๋ชจ๋๋ก ๋์์ฌ ์ ์๋ค. ํ์ดํ ํค ๋๋ h, j, k, lํค๋ฅผ ์ด์ฉํ์ฌ ์ด๋ํ ์ ์๋ค. ๋น์ฃผ์ผ ๋ชจ๋ (Visual Mode) ์ผ๋ฐ ๋ชจ๋์ ์ ์ฌํ์ง๋ง ํ
์คํธ ์์ญ์ ๊ฐ์กฐ ํ์ํ๋ ๋ฐ ์ฌ์ฉ๋๋ค. ์๋ฅผ ๋ค์ด ์ ํ ์์ญ์ ์ด๋ํ๊ฑฐ๋ ํธ์งํ๊ธฐ ์ํด ..
-
React Native
[ React Native ] React Native ์์ Text ๊ธธ์ด ์กฐ์ ๋ฐ ์ค๋ฐ๊ฟ ํ๊ธฐ.
์ถ์ฒ - React Native ๊ณต์ ํ์ด์ง Text ๋ฌธ์ React Native์์ ํ
์คํธ์ ์ค ๊ธธ์ด๋ฅผ flexible ํ๊ฒ ๊ธธ์ด ์กฐ์ ๋ฐ ์ค ๋ฐ๊ฟ์ ํ๊ณ ์ถ์ ๋๋ ์ปดํฌ๋ํธ์ ์์ฑ ์คnumberOfLines ๋ฅผ ์ฌ์ฉํ๋ฉด ๋๋ค. ํ๊ธ์ ๋ํ์ฌ ํ๋ฏผ์ ์ ํด๋ก๋ณธ]์ ์ธ์ข
์ด ์ง์ ์๋ฌธ์ ์ฐ๊ณ ์ ์ธ์ง ๊ฐ์ ์ ํ๋ค์๊ฒ ๊ธ์์ ๋ํ ์ค๋ช
์ ์ ๊ฒ ํ ๊ฒ์
๋๋ค. ์ด ์ฑ
์ด 1940๋
์ ์๋์์ ๋ฐ๊ฒฌ๋ ๋๊น์ง ์ฐ๋ฆฌ๋ ํ๊ธ์ ์ฐฝ์ ์๋ฆฌ์ ๋ํด ์ ํ ๋ชจ๋ฅด๊ณ ์์์ต๋๋ค. ๊ทธ๋ฌ๋ค ์ด ์ฑ
์ด ๋ฐ๊ฒฌ๋จ์ผ๋ก ํด์ ํ๊ธ์ด ์ผ๋ง๋ ๊ณผํ์ ์ธ ์๋ฆฌ๋ก ๋ง๋ค์ด์ก๋์ง ์๊ฒ ๋์๋ต๋๋ค. ์ด ์ฑ
์ด ์ฐ๋ฆฌ์๊ฒ ์ ํด์ง ๊ฒ์ ์ ์ ์ผ๋ก ์ฑ๋ถ๋์ ์๋ ๊ฐ์ก๋ฏธ์ ๊ด์ ์ธ์ด ์ ํํ ์ ์์ ๊ณต์
๋๋ค. ์ ์์ ์์ฃผ ๋น์ผ ๊ฐ๊ฒฉ์ผ๋ก ์ด ์ฑ
์ ์๊ณ 6โ25 ๋์๋ ์ด ์ฑ
ํ ..