Dev Blog

블로그 플랫폼 프로젝트

Next.js + Node.js + MySQL을 활용한 풀스택 웹 애플리케이션

프로젝트 소개

이 프로젝트는 사용자가 글을 작성하고 공유할 수 있는 블로그 플랫폼입니다. 사용자 인증부터 글 관리까지 모던 웹 애플리케이션의 주요 기능을 구현했습니다.

사용자 인증

회원가입 및 로그인 기능을 통해 개인화된 서비스를 제공합니다. JWT 토큰 기반의 안전한 인증 시스템을 구현했습니다.

CRUD 기능

글 생성, 조회, 수정, 삭제 기능을 구현했습니다. 사용자는 자신의 글을 쉽게 관리할 수 있습니다.

반응형 디자인

Tailwind CSS를 사용하여 모든 디바이스에서 최적화된 사용자 경험을 제공합니다.

기술 스택

프론트엔드

  • Next.js - React 기반 프레임워크
  • Tailwind CSS - 반응형 디자인
  • Vercel - 프론트엔드 호스팅

백엔드

  • Node.js - JavaScript 런타임
  • Express - 웹 애플리케이션 프레임워크
  • MySQL - 관계형 데이터베이스
  • AWS EC2 - 백엔드 호스팅

구현 세부 사항

아키텍처

프론트엔드는 Next.js를 사용하여 Vercel에 배포했습니다. 백엔드는 Express로 구현하여 AWS EC2 인스턴스에서 호스팅하고 있으며, 데이터는 MySQL에 저장됩니다. 프론트엔드와 백엔드 간 통신은 RESTful API를 통해 이루어집니다.

인증

JWT(JSON Web Token)를 사용하여 사용자 인증을 구현했습니다. 로그인 시 서버에서 토큰을 발급받아 로컬 스토리지에 저장하고, API 요청 시 인증 헤더에 포함시켜 사용자를 식별합니다.

데이터 관리

게시글의 생성, 조회, 수정, 삭제(CRUD)를 위한 API 엔드포인트를 구현했습니다. 권한 관리를 통해 사용자는 자신이 작성한 글만 수정하고 삭제할 수 있습니다.