🔵 내일스퀘어 : 입찰정보관리 플랫폼

내일스퀘어는 입찰 정보를 효율적으로 관리하고 제공하는 웹,앱 애플리케이션으로, 사용자들이 원하는 입찰 정보를 빠르게 검색하고 활용할 수 있도록 설계되었습니다. 본 프로젝트에서 기획부터 디자인, 프론트엔드 구현, 배포까지 모든 과정에 참여하여 서비스 구축의 A부터 Z까지 직접 경험했습니다.

🛠️ 사용 기술

• 프레임워크: Next.js
• 언어: TypeScript
• 상태 및 폼 관리 : React Hooks, react-hook-form
• 사용 라이브러리 : React FullCalendar, Chart.js, ApexCharts 등
• 데이터 통신: fetch API, Axios
• 디자인 : Figma, Adobe Photoshop

📌 주요 역할 및 기여

✅ 프론트엔드 개발 및 디자인 구현

• Next.js와 TypeScript를 사용하여 프로젝트를 개발하였습니다.

  ❓ Next.js 선택 이유

  • 서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 활용하여 성능을 최적화하였습니다.
  • 페이지별 데이터 요청을 최적화하고, SEO(검색 엔진 최적화)에 유리한 구조를 구축하였습니다.
  • API 라우팅 기능(pages > api)을 활용하여 백엔드와의 연동을 간편하게 처리하였습니다.

  ---

  ❓ TypeScript 도입 이유

  • 코드의 가독성을 높이고, 컴파일 단계에서 오류를 사전에 방지하였습니다.
  • 명확한 타입 정의를 통해 협업 시 유지보수성을 강화하였습니다.