Skip to content

Conversation

@Seono-Na
Copy link
Contributor

@Seono-Na Seono-Na commented Apr 9, 2025

관련 이슈 번호

Resolves #1

핵심 변경 사항 및 이유

  • develop 브랜치에서 반영된 프로젝트 초기 세팅 작업을 main 브랜치에 반영합니다.
  • 기본 개발 환경이 구성되어, 이후 기능 개발이 가능해졌습니다
  • 코드 스타일, 커밋 컨벤션, UI 구성 등 협업을 위한 기본 베이스가 구축되었습니다.

이외 기타 변경 사항

  • [email protected] 환경 설정 (corepack)
  • Tailwind CSS v4, shadcn/ui를 통한 UI 시스템 기반 마련
  • ESLint, Prettier, Husky, Commitlint, Lint-staged 등의 협업 도구 도입
  • shared 디렉토리 구조, 전역 스타일 통합 (global.css)

PR 시 참고 사항

  • main 병합 후, 기능 단위 작업은 develop 브랜치 기준으로 분기하여 진행해주세요.

Seono-Na and others added 17 commits April 9, 2025 02:12
ESLint, Prettier, TypeScript 관련 패키지 추가 및 업데이트

- ESLint 관련 플러그인 추가 (eslint-plugin-import, eslint-plugin-prettier 등)
- Prettier 플러그인 추가 (prettier-plugin-tailwindcss)
- TypeScript 관련 패키지 업데이트
ESLint 규칙 추가 및 플러그인 설정 확장

- React, React Hooks 관련 규칙 추가
- Import 정렬 및 미사용 변수 제거 규칙 추가
- Prettier와의 통합 설정 적용
Prettier 설정 파일 새로 생성

- 세미콜론 사용, 작은 따옴표 등 코드 스타일 규칙 정의
- TailwindCSS 플러그인 추가
tsconfig 경로 alias를 사용하도록 Vite 설정 확장

- tsconfig-paths 플러그인 추가
경로 alias 및 기타 컴파일러 옵션 추가

- '@/*'를 'src/*'로 매핑
- '~components/*'를 'src/components/*'로 매핑
ESLint와 Prettier 규칙 및 alias 적용

- main.tsx와 App.tsx에 코드 스타일 규칙 반영
- @commitlint/cli, @commitlint/config-conventional 패키지 추가
- commitlint.config.cjs 파일 생성 및 커밋 타입 커스터마이징
- 커밋 메시지 작성 시 사전 정의된 타입만 허용되도록 설정
- lint-staged 패키지 설치
- lint-staged.config.cjs 파일 생성
- ts, tsx, json, css, md 파일에 대한 린트 및 포맷 자동화 설정
- package.json에 lint-staged 및 format 스크립트 추가
- Husky 설치 및 prepare 스크립트 추가
- pre-commit 훅에 lint-staged 연결
- commit-msg 훅에 commitlint 연결
- 커밋 메시지 파일 경로를 정확히 전달하기 위해 "$1" 사용
- tailwindcss 및 @tailwindcss/vite 패키지 설치
- Vite 설정에 tailwindcss 플러그인 추가
- index.css에서 Tailwind CSS 적용을 위한 @import 구문 추가
- pnpm dlx shadcn@latest init 명령어 실행
- src/lib/utils.ts 유틸 함수 파일 자동 생성
- src/index.css에 shadcn/ui 관련 Tailwind layer 및 base 설정 추가
- components.json 파일 자동 생성
- 관련 의존성(class-variance-authority, clsx, tailwind-merge, lucide-react 등) 추가
shadcn/ui 컴포넌트 경로 구성 변경 및 설정 반영

- components.json의 alias 경로를 shared 디렉터리 기반으로 수정
- utils.ts를 shared/lib 디렉터리로 이동
- eslint 설정에 shadcn UI 관련 예외 규칙 추가
글로벌 스타일 파일 분리 및 경로 변경

- 기존 index.css 파일을 shared/styles/global.css로 변경
- components.json의 tailwind css 경로 수정
- main.tsx의 스타일 import 경로 수정
- src/shared/components/ui/button.tsx 생성
- 버튼에 필요한 Slot 기능 제공을 위해 @radix-ui/react-slot 의존성 추가
프로젝트 초기 설정 및 개발 환경 구성
@Seono-Na Seono-Na self-assigned this Apr 9, 2025
@Seono-Na Seono-Na merged commit 21982fd into main Apr 9, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

✨프로젝트 초기 세팅

2 participants