peter 님의 블로그

목차1. 필요한 라이브러리 설치2. 환경 설정 및 코드 작성   이번 글에서는 react-native-svg-transformer 라이브러리를 사용하여 SVG 파일을 사용하는 방법을 단계별로 안내합니다. 1. 필요한 라이브러리 설치React Native에서 SVG 파일을 사용하려면 react-native-svg와 react-native-svg-transformer 라이브러리가 필요합니다.아래 명령어를 사용하여 두 라이브러리를 설치합니다. npm install react-native-svgnpm install --save-dev react-native-svg-transformer 2. 환경 설정 및 코드 작성2-1. 환경 설정설치 후, metro.config.js 파일을 수정해야 합니다. metro.con..

목차1. 라이브러리 설치2. 설정파일 수정3. 코드 작성 1. 라이브러리 설치- 다음과 같이 라이브러리를 설치합니다 npm install @svgr/webpack 2. 설정파일 수정- next.js의 설정파일인 next.config.mjs의를 수정합니다/** @type {import('next').NextConfig} */const nextConfig = { ... webpack: (config) => { config.module.rules.push({ test: /\.svg$/i, issuer: /\.[jt]sx?$/, use: ["@svgr/webpack"], }); return config; },};export default nextConfig;3. 코..