๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ฐ˜์‘ํ˜•

์•ฑ๊ฐœ๋ฐœ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.
728x90
๋ฐ˜์‘ํ˜•