Alias path를 "./../../../component" 를 "component" 깔끔하게 바꾸자. [react-native / expo]

1. Babel.config.js

module.exports = function (api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: [
      ['react-native-reanimated/plugin'],
      ["module-resolver", {
        "alias": {
          "assets": "./src/assets",
          "components": "./src/components",
          "constants": "./src/constants",
          "hooks": "./src/hooks",
          "navigation": "./src/navigation",
          "screens": "./src/screens",
        }}
      ]
    ]
  };
};

2. tsconfig.json

{
  "extends": "expo/tsconfig.base",
  "compilerOptions": {
    "esModuleInterop": true,
    "strict": true,
    "paths": {
      "assets/*": ["./src/assets"],
      "components/*": ["./src/components"],
      "constants/*": ["./src/constants"],
      "hooks/*": ["./src/hooks"],
      "navigation/*": ["./src/navigation"],
      "screens/*": ["./src/screens"],
    }
  }
}