๋ฐ์ํ ์ฑ๊ฐ๋ฐ5 [ReactNative]Google Material Design Color : ํจํค์ง install ๊ณ์ํด์ ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ๋ฅผ ๊ณต๋ถํ๋ ์ค์ด๋ค. ์ด์ ์ปดํฌ๋ํธ ๋ฑ ๊ธฐ๋ณธ์ ์ธ ์์์ ๋ํ ๊ณต๋ถ๋ฅผ ์ฌ์ฌ ๋๋ง์ณค๋๋ณด๋ค. ์ปดํฌ๋ํธ ์คํ์ผ๋ง ์ฑํฐ๋ฅผ ๊ณต๋ถํ๋ค! ๋๋ ๋ฌด์ธ๊ฐ๋ฅผ ๊ฐ๋ฐํ๊ธฐ ์ ์ ๋ฌด์กฐ๊ฑด ํ ๋ง๋ฅผ ๊ณ ๋ฅด๊ณ ์์ํ๋ ํธ์ธ๋ฐ, ๊ตฌ์ฒด์ ์ธ ๋ ์ด์์๋ค ๋ณด๋ค๋ ์ปฌ๋ฌ๊ฐ, ์ปฌ๋ฌ ์กฐํฉ ๋ฑ์ ๋ง์ด ์ฐพ์๋ณธ๋ค. ๊ทธ๋์ color picker๋ ๋ด๊ฒ๋ ์์ด์๋ ์๋ ์กด์ฌ์ด๋ค. ๊ทธ๋ฌ๋ค ๋ณด๋ ์ด๋ฒ ์ฑํฐ๊ฐ ๋๊ฒ ๋ฐ๊ฐ์ ๋๋ฐ, ๊ทธ ์ค์์๋ ๊ตฌ๊ธ ๋จธํฐ๋ฆฌ์ผ ๋์์ธ (Google Material Design)์ ๊ฐ์ด๋๋ผ์ธ์ด ๋ฌด์ฒ ํฅ๋ฏธ๋ก์ ๋ฒ์ญ๊ณผ ์ ์ฉ์ ํจ๊ป ํด ๋ณด๋ ค๊ณ ํ๋ค. Googe Materail Design - https://material.io/design ์ค๋ ์ดํด๋ณผ ๊ฒ์ ์ด ์ค์์๋ ์ผ์ชฝ ๋ฉ๋ด์ ๋ณด์ด๋ Color , ์์ ๊ฐ์ด๋ ๋ผ์ธ์ด๋ค... 2021. 8. 26. [ReactNative]์ปดํฌ๋ํธ ์ด๋ฒคํธ ์์ฑ๊ณผ API ์ด์ ๊ธ์์ React Native์ ์ฌ์ฉ์ ์ ์ ์ปดํฌ๋ํธ์ ๋ํด ์์๋ณด์๋ค. ์ฌ์ฉ์ ์ ์ ์ปดํฌ๋ํธ์ ๋ํด์๋ ์ด์ ๊ธ(https://iworldt.tistory.com/38) ์ ์ฐธ๊ณ ํ์! ์ด๋ฒ ํฌ์คํ ์์๋ ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ์ ์ฌ์ฉ์ ์ปดํฌ๋ํธ, ๊ทธ๋ฆฌ๊ณ ๊ทธ ์ปดํฌ๋ํธ๋ค์ ๋ํ ์ด๋ฒคํธ๋ฅผ ์ด๋ป๊ฒ ์ฒ๋ฆฌํ๋์ง์ ๋ํด ์ ๋ฆฌํด๋ณด๋๋ก ํ๊ฒ ๋ค. ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ์์๋ ์ฌ์ฉ์ ์ ์ ์ปดํฌ๋ํธ๋ฅผ ํตํด์ ์ํ๋ ์ปดํฌ๋ํธ๋ฅผ ์ ์ํ ์ ์๋๋ฐ, ๊ทธ๋ ๊ฒ ์ ์ํ ์ปดํฌ๋ํธ์ ํฐ์น์ ์ ์ค์ณ ์ด๋ฒคํธ๋ ์ป์ด ์ฌ์ฉํ ์ ์๋ค. ์ด ๋ ๋์์ ์ฃผ๋ ๊ฒ์ด ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ์ API์ด๋ค. ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ ์ปดํฌ๋ํธ, ์ปดํฌ๋ํธ ์ด๋ฒคํธ ์ฒ๋ฆฌ, ์ปดํฌ๋ํธ ์ด๋ฒคํธ ์์ฑ, ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ API ๊ธฐ๋ณธ์ ์ผ๋ก ์ด๋ฒคํธ๋ฅผ ์ํ ์ฝ์ด ์ปดํฌ๋ํธ์ ๋ํด ๋ช ๊ฐ์ง ์์๋ณด์. Al.. 2021. 8. 24. [Android]๋งฅ์์ ์๋๋ก์ด๋์คํ๋์ค ์ค์น ๋ฐ ํ๊ฒฝ๋ณ์ ์ค์ ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ๋ฅผ ํ์ฉํ์ฌ ์๋๋ก์ด๋ ์ฑ์ ๊ฐ๋ฐํด๋ณด๊ธฐ ์ํด์๋ Android studio์ ์ค์น๊ฐ ํ์์ด๋ค. ๋งฅ์์ ์๋๋ก์ด๋ ์คํ๋์ค๋ฅผ ์ค์นํ๊ณ SDK, ์๋ฎฌ๋ ์ดํฐ ๋ฑ์ ์ค์น๋ ํ์ธํ๋ ์์ ์ ์์ํด๋ณด์! Android Studio ๋ค์ด๋ก๋ ์์ฝ๊ฒ๋ ํ๋ธ๋ฃจ(Homebrew)๊ฐ์ ์ค์นํ๋ก๊ทธ๋จ์ ํตํด์ ๋ค์ด๋ฐ์ง๋ ๋ชปํ๋ค. ์ง์ ๋ค์ด๋ก๋ ํ๋ฌ ๊ฐ๋ณด์! https://developer.android.com/studio#downloads 2021. 8. 11. [ReactNative]๋งฅ์์ ํ๋ธ๋ฃจ(Homebrew), VSCode, Node.js ๋ค์ด๋ก๋ ํ๋ฒ์ ๋! ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ๋ก ์ฑ์ ๊ฐ๋ฐํ๊ธฐ ์ํด ๊ฐ๋ฐํ๊ฒฝ์ ์ ํ ํ๋ ๊ฒ ๋ถํฐ ์ฒซ ๋จ๊ณ๋ฅผ ์์ํ๊ฒ ๋ค! ๋๋ ๋งฅ์ผ๋ก ๊ฐ๋ฐ์ ํ ์์ ์ด๋ค. ํ๊ฒฝ ์ ํ ์์๋ ๋ค์๊ณผ ๊ฐ๋ค. Homebrew ํ๋ธ๋ฃจ ์ค์น VSCode ๋น์ฃผ์ผ ์คํ๋์ค ์ฝ๋ ์ค์น Node.js ์ค์น ์ฝ์ฝ์ํ ์ค์น ์์น๋งจ ์ค์น ์๋๋ก์ด๋ ์คํ๋์ค ์ค์น ํ๋ธ๋ฃจ(Homebrew)๋ ๋งฅ์ ์ค์นํ๋ก๊ทธ๋จ์ผ๋ก ํ์ํ ํ๋ก๊ทธ๋จ๋ง๋ค ์ฐพ์ ๋ค์ด๋ฐ์ ํ์ ์์ด ํ๋ธ๋ฃจ๋ฅผ ํตํด ํฐ๋ฏธ๋์์ ์ฝ๊ฒ ์ค์น๊ฐ ๊ฐ๋ฅํ๋ค. 1. Homebrew ํ๋ธ๋ฃจ ์ค์น https://brew.sh/ ์ ๋ฐฉ๋ฌธํ์ฌ ๋ค์ ๋ช ๋ น์ด๋ฅผ ๋ณต์ฌํ๋ค. /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" ๋ณต.. 2021. 8. 11. [ReactNative]๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ ๊ณต๋ถ ์์, ์ฑ ์ถ์ฒ ๋ฑ ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ๋ฅผ ๊ณต๋ถํ์ฌ ์ฑ ๊ฐ๋ฐ์ ํด๋ณด์๋ ๋ชฉํ๋ฅผ ์ธ์ ๋ค! ๊ทธ๋์ ๋ฆฌ์ํธ๋ค์ดํฐ๋ธ๋? ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ๊ฐ ๋ฌด์์ธ์ง, ์ด๋ป๊ฒ ๊ณต๋ถ๋ฅผ ์์ํ๋์ง, ์ด๋ค ์ฑ์ ๊ฐ๋ฐํ ๊ฒ์ธ์ง ๋ฑ๋ฑ์ ์ ๋ฆฌํด๋ณด์๋ค. ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ (React Native) ์๋ฐ์คํฌ๋ฆฝํธ๋ก ๋ค์ดํฐ๋ธ ์์ค์ ์๋๋ก์ด๋/ios ๋ชจ๋ฐ์ผ ์ฑ์ ๊ฐ๋ฐํ๋ ํฌ๋ก์คํ๋ซํผ(cross-platform) ํ๋ ์์ํฌ์ด๋ค. ํฌ๋ก์คํ๋ซํผ์ ๋ค์ดํฐ๋ธ ์ฑ๋ณด๋ค ์คํ์๋๋ ๋น๊ต์ ๋๋ฆฐ ๋ฐ๋ฉด, ์๋ฐ์คํฌ๋ฆฝํธ๋ผ๋ ์ธ์ด๋ฅผ ์ฌ์ฉํ๋ ๋ฑ ๊ฐ๋ฐ ์๊ฐ๊ณผ ๋น์ฉ์ด ์๋์ ์ผ๋ก ์ ์ ์ฅ์ ์ ๊ฐ์ง๊ณ ์๋ค. ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ ๊ฐ๋ฐํ๊ฒฝ ์๋๋ก์ด๋์ iOS๋ฅผ ํ๋ฒ์ ๊ฐ๋ฐํ ์ ์๋ค๊ณ ํ์ง๋ง, ์ด์์ฒด์ ๊ฐ ๋งฅ(Mac)์ธ ๊ฒฝ์ฐ์ ํํด ๊ฐ๋ฅํ ์ด์ผ๊ธฐ์ด๋ค. ์์ค์ฝ๋๋ ์ด๋ ์ด์์ฒด์ ์ด๋ ์์ฑํ ์ ์์ผ๋ ๊ทธ๋ฅผ ์ฑ์ผ๋ก ๋น.. 2021. 8. 11. ์ด์ 1 ๋ค์ 728x90 ๋ฐ์ํ