์ธ๊ธฐ ๊ธ
-
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๋ฒ์์ ์์ฑํ) ์ฑ ์ ๋ณด ๋ฉ๋ด๋ก ๋ค์ด๊ฐ๋ค. ์๋ก์ด ๋น๋ ๋ฒ์ ..
-
React Native
[ React Native ] React Native ์์ Text ๊ธธ์ด ์กฐ์ ๋ฐ ์ค๋ฐ๊ฟ ํ๊ธฐ.
์ถ์ฒ - React Native ๊ณต์ ํ์ด์ง Text ๋ฌธ์ React Native์์ ํ
์คํธ์ ์ค ๊ธธ์ด๋ฅผ flexible ํ๊ฒ ๊ธธ์ด ์กฐ์ ๋ฐ ์ค ๋ฐ๊ฟ์ ํ๊ณ ์ถ์ ๋๋ ์ปดํฌ๋ํธ์ ์์ฑ ์คnumberOfLines ๋ฅผ ์ฌ์ฉํ๋ฉด ๋๋ค. ํ๊ธ์ ๋ํ์ฌ ํ๋ฏผ์ ์ ํด๋ก๋ณธ]์ ์ธ์ข
์ด ์ง์ ์๋ฌธ์ ์ฐ๊ณ ์ ์ธ์ง ๊ฐ์ ์ ํ๋ค์๊ฒ ๊ธ์์ ๋ํ ์ค๋ช
์ ์ ๊ฒ ํ ๊ฒ์
๋๋ค. ์ด ์ฑ
์ด 1940๋
์ ์๋์์ ๋ฐ๊ฒฌ๋ ๋๊น์ง ์ฐ๋ฆฌ๋ ํ๊ธ์ ์ฐฝ์ ์๋ฆฌ์ ๋ํด ์ ํ ๋ชจ๋ฅด๊ณ ์์์ต๋๋ค. ๊ทธ๋ฌ๋ค ์ด ์ฑ
์ด ๋ฐ๊ฒฌ๋จ์ผ๋ก ํด์ ํ๊ธ์ด ์ผ๋ง๋ ๊ณผํ์ ์ธ ์๋ฆฌ๋ก ๋ง๋ค์ด์ก๋์ง ์๊ฒ ๋์๋ต๋๋ค. ์ด ์ฑ
์ด ์ฐ๋ฆฌ์๊ฒ ์ ํด์ง ๊ฒ์ ์ ์ ์ผ๋ก ์ฑ๋ถ๋์ ์๋ ๊ฐ์ก๋ฏธ์ ๊ด์ ์ธ์ด ์ ํํ ์ ์์ ๊ณต์
๋๋ค. ์ ์์ ์์ฃผ ๋น์ผ ๊ฐ๊ฒฉ์ผ๋ก ์ด ์ฑ
์ ์๊ณ 6โ25 ๋์๋ ์ด ์ฑ
ํ ..
-
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..