platform
-
- [React Native] Platform APIPlatform API๋ค์ด๊ฐ๋ฉฐ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ(React Native)์ Platform API์ ๋ํด ๊ฐ๋จํ ์ ๋ฆฌํด ๋ณธ๋ค. Platform API๊ฐ๋ ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ์์ ์ฑ์ด ์คํ๋๊ณ ์๋ ํ๋ซํผ(iOS, Android, Web ๋ฑ)์ ๊ฐ์งํ๊ณ , ํ๋ซํผ๋ณ๋ก ๋ค๋ฅธ ๋์์ด๋ ์คํ์ผ์ ๊ตฌํํ ์ ์๊ฒ ํด์ฃผ๋ ์ ํธ๋ฆฌํฐ ์ฌ์ฉ ๋ฐฉ๋ฒ๋ถ๋ฌ์ค๊ธฐimport { Platform } from 'react-native'; โ Platform.OSํ์ฌ ์คํ ์ค์ธ ํ๋ซํผ์ ๋ฌธ์์ด๋ก ๋ฐํํด ์ค๋ค.@android@, @ios@, @web@, @windows@, @macos@const platform = Platform.OS;if (platform === 'android') { console.log('Running on Android'..
2025.04.11 -
- [React Native] ํ๋ซํผ ๋ณ๋ก ์์์ ๊ทธ๋ฆผ์ ํจ๊ณผ ๋ฃ๊ธฐ (Android, iOS, Web)ํ๋ซํผ ๋ณ๋ก ์์์ ๊ทธ๋ฆผ์ ํจ๊ณผ ๋ฃ๊ธฐ (Android, iOS, Web)๋ค์ด๊ฐ๋ฉฐ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ(React Native)์์ ํ๋ซํผ ๋ณ(Android, iOS, Web)๋ก ์์์ ๊ทธ๋ฆผ์ ํจ๊ณผ๋ฅผ ๋ฃ๋ ๋ฐฉ๋ฒ์ ๊ฐ๋จํ๊ฒ ์ ๋ฆฌํด๋ณธ๋ค. ๋ฐฉ๋ฒโ AndroidAndroid์์๋ @elevation@ ์์ฑ์ ์ฌ์ฉํด์ ์์์ ๊ทธ๋ฆผ์ ํจ๊ณผ๋ฅผ ๋ฃ์ด์ค ์ ์๋ค.style={{ elevation: 5, // ์ซ์๊ฐ ํด์๋ก ๊ทธ๋ฆผ์๊ฐ ์งํด์ง๋ค. backgroundColor: 'white', // ๋ฐฐ๊ฒฝ์ ์์ด์ผ ๊ทธ๋ฆผ์๊ฐ ๋ณด์ด๋ฏ๋ก ๋ฃ์ด์ค๋ค. borderRadius: 10,}} โก iOSiOS๋ @elevation@ ์์ฑ์ด ์ธ์๋์ง ์๋๋ค.๋ฐ๋ผ์ ๋ค์๊ณผ ๊ฐ์ 4๊ฐ์ง ์์ฑ์ ์ฌ์ฉํ์ฌ ์์์ ๊ทธ๋ฆผ์ ํจ๊ณผ๋ฅผ ๋ฃ์ด์ค..
2025.04.06