- 세련된 디자인: 단순히 기능 구현에 그치지 않고, 전체적인 컬러 팔레트, 타이포그래피, 컴포넌트 스타일 등에서 일관되고 세련된 디자인을 목표로 하였습니다. 사용자 경험을 해치지 않으면서도 감각적인 화면을 제공하고자 노력하였습니다.

- 반응형 웹 구현: 모바일과 데스크탑 환경 모두에서 최적의 레이아웃과 사용성을 보장하기 위해, 반응형 디자인을 적용하였습니다. 화면 크기에 따라 주요 레이아웃이 유연하게 변형되어, 어떤 기기에서도 편리하게 서비스를 이용할 수 있습니다.

- 사용자 편의성: 글 작성 및 사진 업로드 등 핵심 기능에서 최대한의 편의성을 제공하는 것을 중점으로 하였습니다. 직관적인 에디터 UI, 드래그 앤 드롭 파일 업로드, 미리보기 등 실제 사용자의 입장에서 불편함이 없도록 디테일을 다듬었습니다.

본 프로젝트는 다양한 주제에 대해 사용자들이 자유롭게 토론하고, 찬반 의견을 나누며 서로의 생각을 공유할 수 있는 커뮤니티 웹사이트입니다. 사용자는 원하는 주제로 토론글을 개설하거나, 기존 토론에 참여하여 자신의 의견을 개진할 수 있습니다. 각 의견에는 사진 첨부와 같은 미디어 업로드 기능도 제공되어, 보다 다양한 방식으로 자신의 주장을 표현할 수 있습니다.

작업 범위 및 주요 업무
- 디자인 소통 및 화면 구현: 디자인에 익숙하지 않은 클라이언트와 긴밀하게 소통하며, 사용자 친화적인 화면 설계 및 일관된 디자인 시스템을 구축하였습니다. 클라이언트의 피드백을 빠르게 반영하고, UI/UX 개선을 반복하여 실제 사용자 입장에서 불편함이 없도록 신경썼습니다.

- 풀스택 개발(React & NodeJS): 프론트엔드에서는 React를, 백엔드에서는 NodeJS를 활용하여 전체 서비스 구조를 설계하고 구현하였습니다. RESTful API를 통해 클라이언트와 서버 간 통신을 효율적으로 관리하였고, 상태 관리와 비동기 데이터 처리 등 최신 프론트엔드 기술을 적극 반영하였습니다.

- Atlas MongoDB 도입: 데이터베이스는 Atlas MongoDB를 사용하여 사용자 정보, 토론글, 댓글, 업로드된 이미지 등 모든 데이터를 구조적으로 저장·관리하였습니다. NoSQL 기반의 유연한 데이터 설계와 함께, 데이터의 보안 및 접근성도 고려하여 구현하였습니다.

- Vercel 통한 도메인 인증 및 배포: 프로젝트 배포는 Vercel 플랫폼을 통해 진행하였으며, 커스텀 도메인 연결과 인증, CI/CD 자동화 등 실제 운영 환경에 근접한 형태로 서비스가 배포될 수 있도록 설계하였습니다.

주안점 및 서비스 구축 시 중점 사항
- 세련된 디자인: 단순히 기능 구현에 그치지 않고, 전체적인 컬러 팔레트, 타이포그래피, 컴포넌트 스타일 등에서 일관되고 세련된 디자인을 목표로 하였습니다. 사용자 경험을 해치지 않으면서도 감각적인 화면을 제공하고자 노력하였습니다.

- 반응형 웹 구현: 모바일과 데스크탑 환경 모두에서 최적의 레이아웃과 사용성을 보장하기 위해, 반응형 디자인을 적용하였습니다. 화면 크기에 따라 주요 레이아웃이 유연하게 변형되어, 어떤 기기에서도 편리하게 서비스를 이용할 수 있습니다.

- 사용자 편의성: 글 작성 및 사진 업로드 등 핵심 기능에서 최대한의 편의성을 제공하는 것을 중점으로 하였습니다. 직관적인 에디터 UI, 드래그 앤 드롭 파일 업로드, 미리보기 등 실제 사용자의 입장에서 불편함이 없도록 디테일을 다듬었습니다.