alias 설정

[yuj2n]

🗣️ 논의 주제: alias 설정 통합 여부

📅 작성일: 06-09

🙋‍♂️ 작성자: 전유진

---

🧩 문제 상황 / 논의 배경

alias 설정 도중 shared 폴더 하위의 자주 사용되는 부분들이 alias 설정으로 사용되고 있었고 아무래도 자주 사용되는 부분이다보니 shared 하위의 타폴더들 또한 추가될 가능성이 보였음.

따라서 tsconfig.json에서 자주 사용되는 공통 부분을
"@shared/": ["./src/app/shared/"] 하나로 통합할 지, 아래와 같이 각 부분을 사용할 지 이야기해보면 좋을 것 같습니다!!

"@components/*": ["./src/app/shared/components/*"],
"@store/*": ["./src/app/shared/store/*"],
"@hooks/*": ["./src/app/shared/hooks/*"]

---

    └── shared/                   # 🌐 공통 요소들
        ├── components/           # 공통 컴포넌트
        │   ├── common/
        │   │   ├── Header.tsx
        │   │   ├── Sidebar.tsx
        │   │   └── Button.tsx
        │   └── ui/               # 기본 UI 컴포넌트 (미래 추가용)
        │       └── .gitkeep
        │
        ├── lib/                  # 공통 유틸리티
        │   ├── utils.ts
        │   └── constants.ts
        │
        ├── hooks/                # 공통 훅 (미래 추가용)
        │   └── .gitkeep
        │
        ├── store/                # 전역 상태 (미래 추가용)
        │   └── .gitkeep
        │
        └── types/                # 공통 타입 (미래 추가용)
            └── .gitkeep 

• 해당 shared 폴더는 공통으로 사용하는 부분이기에 자주 사용될 가능성이 높음.
  -> shared 폴더의 세부 부분을 alias 설정으로 할 지, shared 하나로 통합하여 alias 설정 후 세부적으로는
  import ... from "@shared/..."와 같은 식으로 사용할 지 정하면 좋을 것 같음!!

---

🎯 논의 목표

• alias 설정 통합 여부 결정

---

📌 현재 제안된 안 또는 선택지

1. ✅ 안 A: 아래와 같이 세부적으로 alias 설정

"@components/*": ["./src/app/shared/components/*"],
"@store/*": ["./src/app/shared/store/*"],
"@hooks/*": ["./src/app/shared/hooks/*"]
...

2. 💡 안 B: "@shared/": ["./src/app/shared/"] 하나로 통합
3. 📝 기타 의견 있음 → 댓글로 작성해주세요!

---

[LeeCh0129]

1. 안A가 가장 좋다고 생각되네요. 따로 IDE의 자동완성 기능 및 VSCode의 익스텐션인 Path Intellisense까지 고려한다면 더 효율적인 "안 A"가 좋다고 생각합니다. "안 B"의 경우 예시로 shared 폴더 전체를 탐색해야 하니 하위 폴더나 파일이 많아질경우 원하는 옵션을 찾기 불편할수도 있을거 같다는 생각이 드네요.

[Insung-Jo]

처음에는 안 B로 생각하고 있었는데 코멘트를 보고 나니까 A로 진행하는 게 좋을 거 같다는 생각이 드는 거 같습니당

[dkslel1225]

무얼 찾고자 하는지 시작점 명시가 명확한 안A가 좋은거 같습니다, + 이왕 alias사용하는거 적극 활용하는게 좋을듯 합니당