path aliases(모듈 별칭) 설정하기

npm install --save-dev babel-plugin-module-resolver

module.exports = {
  presets: ['babel-preset-expo'],
  plugins: [
    'react-native-reanimated/plugin',
    [
      'module-resolver',
      {
        root: ['.'],
        alias: {
          '@assets': './assets',
          '@components': './src/components',
          '@constants': './src/constants',
          '@hooks': './src/hooks',
          '@navigations': './src/navigations',
          '@screens': './src/screens',
          '@services': './src/services',
          '@store': './src/store',
          '@styles': './src/styles',
          '@utils': './src/utils',
        },
      },
    ],
  ],
};

{
  "extends": "expo/tsconfig.base",
  "compilerOptions": {
    "strict": true,
    "jsx": "react-native",
    "esModuleInterop": true,
    "resolveJsonModule": true,
    "baseUrl": ".",
    "paths": {
      "@assets/*": ["./assets/*"],
      "@components/*": ["./src/components/*"],
      "@constants": ["./src/constants"],
      "@hooks/*": ["./src/hooks/*"],
      "@navigations": ["./src/navigations"],
      "@screens/*": ["./src/screens/*"],
      "@services/*": ["./src/services/*"],
      "@store": ["./src/store"],
      "@styles": ["./src/styles"],
      "@utils": ["./src/utils"]
    }
  },
  "include": ["**/*.ts", "**/*.tsx", "declarations.d.ts"]
}