stylecomponents ์ค๋ฅ
๋ค ์ฌ์ ํ ์ค๋ฅ๊ฐ ๋จ๋ค์... ใ
ใ
๊ทธ ์ธ์ ์ค๋ ์๋ํด ๋ณธ ๋ฐฉ๋ฒ๋ค์1. ๋ฐ๋ฒจ ์ค์ ์ ๊ฑฐbabel-plugin-styled-components@2.1.4๊ฐ styled-components ์ค์น ์ ์๋ ํฌํจ๋จbabel.config.js ๋ด ํ๋ฌ๊ทธ์ธ ์ ๊ฑฐ์ง์ uninstall ์๋ํด๋ ๊ณ์ npm ls์ ๋จ์ ์์2. ์บ์ ์ ๋ฆฌ + ์ฌ์ค์นpackage-lock.json, node_modules ์ญ์ npm cache clean --forcenpm install --legacy-peer-depsnpx react-native start --reset-cacheโ ๊ฒฐ๊ณผ: ์ฌ์ ํ ๊ฐ์ document ์ค๋ฅ ๋ฐ์3. pnpm ๋์
npm install -g pnpmpnpm add styled-components๊ทธ๋๋ babel-plugin-styled-components ๋ฐ๋ผ์ด4. ์์ ํ ์ ํ๋ก์ ํธ ์์ฑnpx @react-native-community/cli init StyledApp --template react-native-template-typescript@latest cd StyledApp pnpm add styled-componentsApp.tsx์ styled-components ์ต์ ์์ ์์ฑโ ์ฌ์ ํ document ์ค๋ฅ ๋ฐ์5. ๋น๋๋ง ์๋cd android .\gradlew assembleDebug๋น๋๋ ์ ์์ ์ผ๋ก ์ฑ๊ณตํจSDK, build-tools ๋ชจ๋ ์ค์น ์๋ฃ6. ์ค๊ธฐ๊ธฐ์์ ์คํUSB ๋๋ฒ๊น
ํ์ฑํ๋ ์๋๋ก์ด๋ ํฐ ์ฐ๊ฒฐnpx react-native run-androidโ ๊ฒฐ๊ณผ:์ฑ ์ค์น ์ง์ ์ปดํจํฐ ๊ฐ์ ์ข
๋ฃ๋จ (ํ๋์จ์ด ๊ณผ๋ถํ๋ก ์ถ์ )์ฌ๋ถํ
ํ ๋ค์ ์คํํด๋ ๋์ผํ๊ฒ ๊บผ์ง