Project Linkle

IN MY LINK 1차 고도화 프로젝트

This is a Next.js project bootstrapped with create-next-app.

🛠️ Getting Started [DEV]

개발 서버를 시작하려면 아래 단계를 따라 진행하세요:

Clone the repository:

git clone https://github.com/Mt-NextJs/linkle.git

Navigate to the project directory:

cd linkle

Install the dependencies:

npm install

Run the development server:

npm run dev

개발 서버가 실행되면, 아래 주소에서 확인할 수 있습니다: http://localhost:3000

🗂️ Project Structure

/project
├── .github                # GitHub 설정 파일
│    ├── workflows         # GitHub Actions 설정 파일 (CI/CD 설정)
│    └── ISSUE_TEMPLATE    # GitHub 이슈 템플릿
│    └── PULL_REQUEST_TEMPLATE # GitHub PR 템플릿
├── .husky                 # Husky 설정 파일 (Git Hooks 설정)
├── .vscode                # Visual Studio Code 설정 파일 (TailwindCSS 하이라이트 애드온 포함)
├── .gitignore             # Git에서 무시할 파일 및 폴더 목록
├── README.md              # 프로젝트의 소개 및 문서 파일
├── build.sh               # 프로젝트 빌드 스크립트
├── next-env.d.ts          # Next.js 환경 변수 정의 파일
├── next.config.mjs        # Next.js 설정 파일 (프로젝트의 전역 설정)
├── package-lock.json      # 종속성 잠금 파일 (npm 설치 시 생성)
├── package.json           # 프로젝트 종속성 및 스크립트 정의
├── postcss.config.js      # PostCSS 설정 파일 (CSS 변환을 위한 설정)
├── public                 # 정적 파일들을 저장하는 폴더
│   └── assets             # 아이콘 및 이미지 같은 정적 자산을 저장
├── src                    # 소스 코드 디렉토리
│   ├── app                # Next.js 앱 디렉토리 (모든 페이지와 컴포넌트 관리)
│   ├── config             # 프로젝트의 라우팅 설정 및 타입 정의
│   └── styles             # 전역 스타일 파일 및 공통 CSS 파일들
├── tailwind.config.ts     # TailwindCSS 설정 파일 (CSS 유틸리티 관리)
└── tsconfig.json          # TypeScript 설정 파일 (타입스크립트 컴파일러 옵션 정의)

app 디렉토리: Next.js의 페이지 및 컴포넌트를 포함하며, admin, profile, login 등 기능별로 모듈화되어 있습니다.
public/assets: 정적 자산(아이콘 및 이미지)을 저장합니다.
src/config: 라우팅과 사용자 정의 TypeScript 타입 설정 파일이 있습니다.
styles: 글로벌 스타일 및 공통 CSS 파일이 포함되어 있습니다.