오늘 뭐입지 커뮤니티 반응형웹 구축

포트폴리오 소개

이번 프로젝트에서는 사용자가 코디네이팅하고자 하는 스타일을 추천해주는 반응형 웹 서비스를 제작했습니다. 이 웹 서비스는 사용자 경험을 극대화하기 위해 반응형 웹 디자인을 적용하여 다양한 디바이스에서도 일관된 사용자 경험을 제공합니다. 또한, 비동기 호출 방식과 백엔드 API를 통해 데이터를 가장 빠르고 간결하게 호출할 수 있도록 구성하였습니다. 본 프로젝트는 온프레미스 환경에서 구현되었습니다.

작업 범위

프로젝트의 전 과정은 아래와 같은 단계로 진행되었습니다:

1. 요청사항 수집: 고객의 요구사항을 수집하고 분석하여 프로젝트의 방향성과 목표를 설정했습니다.
2. 스토리보드 작성: 프로젝트의 흐름과 사용자 인터페이스를 시각적으로 표현한 스토리보드를 작성했습니다.
3. 디자인: 사용자 경험과 시각적 효과를 고려한 웹 디자인을 완료했습니다.
4. 퍼블리싱: 디자인된 웹 페이지를 HTML, CSS, JavaScript 등을 사용하여 퍼블리싱했습니다.
5. 프론트/백엔드 개발: 프론트엔드와 백엔드 개발을 병행하여 시스템을 구축했습니다.
6. 단위테스트 및 3자 테스트: 각 기능별 단위 테스트를 수행하고, 외부 테스터를 통해 검증을 완료했습니다.
7. 사용자 테스트: 실제 사용자들을 대상으로 테스트를 진행하여 피드백을 수집하고 개선점을 반영했습니다.
8. 릴리즈: 모든 테스트를 통과한 후, 최종적으로 웹 서비스를 릴리즈했습니다.

주요 기능

이번 프로젝트의 주요 기능은 다음과 같습니다:

1. 스타일 큐레이션: 사용자가 입력한 정보를 바탕으로 가장 알맞은 스타일을 추천합니다. 사용자는 자신의 선호 스타일, 날씨, 이벤트 등을 입력하면, 이에 맞는 스타일을 자동으로 큐레이션 받을 수 있습니다.
2. 메일링 서비스: 배치잡을 통해 사용자에게 추천되는 스타일을 메일로 발송합니다. 이를 통해 사용자는 매일 아침 자신의 이메일을 통해 추천 스타일을 확인할 수 있습니다.

사용 기술

본 프로젝트에서는 다음과 같은 기술을 사용하였습니다:

1. 서버 구성: Windows Server 2016 Standard (IIS)를 사용하여 서버를 구성하였습니다. IIS는 안정적인 웹 서버로서 PHP와의 호환성이 좋아 선택하였습니다.
2. 백엔드: PHP를 사용하여 백엔드를 개발했습니다. PHP는 널리 사용되는 서버 사이드 스크립팅 언어로, 빠른 개발과 유지보수가 용이합니다.
3. 데이터베이스: MariaDB를 사용하여 데이터를 관리했습니다. MariaDB는 MySQL의 오픈 소스 버전으로, 높은 성능과 안정성을 제공합니다.
4. 프론트엔드: HTML5, CSS3, JavaScript, jQuery를 사용하여 프론트엔드를 구현했습니다. HTML5와 CSS3는 최신 웹 표준을 준수하여 반응형 디자인을 가능하게 했고, JavaScript와 jQuery를 통해 동적인 사용자 인터페이스를 구현했습니다.

프로젝트 결과

본 프로젝트를 통해 사용자는 보다 편리하게 자신의 스타일을 선택하고, 하루를 준비할 수 있게 되었습니다. 특히 반응형 웹 디자인을 적용하여 데스크탑, 태블릿, 모바일 등 다양한 디바이스에서도 최적의 사용자 경험을 제공했습니다. 또한, 비동기 호출 방식을 통해 빠른 데이터 처리 속도를 구현하여 사용자 만족도를 높였습니다.

이번 프로젝트는 기술적인 완성도와 사용자 편의성을 동시에 만족시킨 성공적인 사례로 평가받고 있으며, 앞으로도 이러한 기술을 바탕으로 더 많은 사용자에게 만족을 제공할 수 있는 서비스를 개발해 나갈 계획입니다.