์ธ๊ธฐ ๊ธ
-
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๋ฒ์์ ์์ฑํ) ์ฑ ์ ๋ณด ๋ฉ๋ด๋ก ๋ค์ด๊ฐ๋ค. ์๋ก์ด ๋น๋ ๋ฒ์ ..
-
Flutter
[ Flutter ] ๊ธธ์ด์ ๋ฐ๋ผ Text ์๋ ์ค๋ฐ๊ฟ / Flexible Text
Flutter์์ ์์
์ค Text๋ฅผ ๋ด๊ฐ ์ ํ Width ๊ธธ์ด ๋ฐ ์ค์ ์ค์ ํ์ฌ ๊ทธ ์ดํ์ ํ
์คํธ๋ค์ ๋ณด์ด์ง ์๊ฒ ํ๋ ๋ฐฉ๋ฒ.๐ฅณ ๋๋ ์์ธ ํ์ด์ง ์ด์ ์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ํ์ด์ง์์ ํ
์คํธ๊ฐ ๋๋ฌด ๊ธธ์ด์ง ๊ฒฝ์ฐ๋ฅผ ๋๋นํ์ฌ ์ฌ์ฉํ๋ค๐ !! ์์๊ฐ์ด Container์ width๋ฅผ ์ ํด์ฃผ๊ณ , maxLines๋ฅผ ์ ํ๋ฉด, ๋ด๊ฐ ์ ํด๋์ ๊ฐ์ ๋๊ธฐ์ง ์๋๋ค. ์์ฃผ ๊ต์ฅํ ์ ์ฉ์ฐ ํ๋ค.๐ * 10000 Container( width: 150, child: Row( mainAxisAlignment: MainAxisAlignment.start, children: [ Flexible( child: RichText( overflow: TextOverflow.ellipsis, maxLines: 5, strutStyle: StrutSt..
-
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) ์ผ๋ฐ ๋ชจ๋์ ์ ์ฌํ์ง๋ง ํ
์คํธ ์์ญ์ ๊ฐ์กฐ ํ์ํ๋ ๋ฐ ์ฌ์ฉ๋๋ค. ์๋ฅผ ๋ค์ด ์ ํ ์์ญ์ ์ด๋ํ๊ฑฐ๋ ํธ์งํ๊ธฐ ์ํด ..