포트폴리오

📌 프로젝트 소개

<<<<<<< HEAD

Next.js를 배우고 TypeScript를 처음 배우면서, 개발과 공부를 동시에 하기 위해 시작한 1인 개발 프로젝트입니다.
(처음에는 JavaScript로 작성한 후, TypeScript를 공부하며 전체 코드를 타입스크립트로 변환하였습니다.)

---

🛠️ 기술 스택

✅ Front-end

• React
• Next.js
• TypeScript
• CSS

✅ Back-end

• Next.js (API Routes)
• nodemailer

✅ Library

• axios
• tailwindcss
• lucide-react
• styled-components

✅ Database

• MongoDB

---

🧩 기술 활용 설명

✅ 프론트엔드

• React와 Next.js를 기반으로 사용자 인터페이스(UI)를 구성하고, 페이지 단위 라우팅과 렌더링을 구현했습니다.
• TypeScript를 도입하여 컴포넌트와 상태 관리에 타입 안정성을 더하고, 유지보수성과 개발 속도를 향상시켰습니다.
• axios를 활용해 클라이언트에서 서버로 API 요청을 처리하고, 비동기 통신 및 에러 핸들링을 간결하게 구현했습니다.

✅ 백엔드

• Next.js API Routes를 사용하여 별도의 서버 없이 백엔드 API를 구현했습니다.
• nodemailer를 활용하여 사용자 문의 및 알림 메일을 서버에서 전송할 수 있도록 구성했습니다.

✅ 라이브러리 활용

======= Next.js를 배우고 TypeScript를 처음 배우면서, 개발과 공부를 동시에 하기 위해 시작한 1인 개발 프로젝트입니다.
(처음에는 JavaScript로 작성한 후, TypeScript를 공부하며 전체 코드를 타입스크립트로 변환하였습니다.)

---

🛠️ 기술 스택

✅ Front-end

• React
• Next.js
• TypeScript
• CSS

✅ Back-end

• Next.js (API Routes)
• nodemailer

✅ Library

• axios
• tailwindcss
• lucide-react
• styled-components

✅ Database

• MongoDB

---

🧩 기술 활용 설명

✅ 프론트엔드

• React와 Next.js를 기반으로 사용자 인터페이스(UI)를 구성하고, 페이지 단위 라우팅과 렌더링을 구현했습니다.
• TypeScript를 도입하여 컴포넌트와 상태 관리에 타입 안정성을 더하고, 유지보수성과 개발 속도를 향상시켰습니다.
• axios를 활용해 클라이언트에서 서버로 API 요청을 처리하고, 비동기 통신 및 에러 핸들링을 간결하게 구현했습니다.

✅ 백엔드

• Next.js API Routes를 사용하여 별도의 서버 없이 백엔드 API를 구현했습니다.
• nodemailer를 활용하여 사용자 문의 및 알림 메일을 서버에서 전송할 수 있도록 구성했습니다.

✅ 라이브러리 활용

• styled-components를 사용해 컴포넌트 단위 스타일링을 적용했으며, 조건부 스타일 및 props 기반 스타일링도 구현했습니다.

• tailwindcss는 빠른 레이아웃 구성과 반응형 UI 제작에 사용되었으며, 클래스 기반으로 직관적인 스타일 설계가 가능하도록 했습니다.

• ✅ 수정사항

• 2025-07-09 React Query 기반으로 리팩토링 및 프로젝트 탭 수정