락앤락 레시피 웹플랫폼 구축

소개

LLrecipe.com은 (주)락앤락에서 2022년에 런칭한 반응형 웹사이트로, 고객에게 다양한 레시피를 제공하기 위해 개발되었습니다. 이 웹사이트는 PC, 모바일, 태블릿 등 다양한 디바이스에서 손쉽게 레시피를 확인하고 활용할 수 있도록 설계되었습니다. 특히, (주)락앤락의 신규 스팀에어프라이어와 함께 사용할 수 있는 레시피를 제공하며, 에어프라이어 기기와 통신하여 레시피를 전달할 수 있는 기능도 포함되어 있습니다.

주요 기능

다양한 입력 지원: 고객은 텍스트, 이미지, 동영상 등의 다양한 형태로 레시피와 댓글을 등록할 수 있습니다. 이를 통해 레시피에 대한 피드백과 커뮤니케이션이 원활하게 이루어집니다.

자랑하기 기능: 고객이 직접 개발한 레시피를 등록하고 공유할 수 있는 커뮤니티 기능입니다. 댓글과 대댓글을 텍스트, 이미지, 동영상으로 등록할 수 있어 고객 간, 고객과 셰프 간의 의사소통을 촉진합니다.

필터링 기능: 고객은 락앤락의 에어프라이어 기기별로 등록된 레시피를 필터링하여 필요한 레시피를 손쉽게 찾을 수 있습니다.

CMS 설계 및 개발: 관리자에게 레시피 등의 콘텐츠를 자유롭게 등록하고 관리할 수 있는 콘텐츠 관리 시스템(CMS)을 설계 및 개발하였습니다.

비동기 호출 방식: 백엔드 API를 통해 데이터를 빠르고 간결하게 호출할 수 있도록 구성하여 사용자의 경험을 최적화하였습니다.

작업 범위

• 요청사항 수집: 고객의 요구사항을 철저히 분석하여 프로젝트 방향을 설정하였습니다.
• 스토리보드 작성: 전체 프로젝트의 흐름과 각 페이지의 레이아웃을 설계하였습니다.
• 디자인: 사용자 친화적인 인터페이스를 디자인하여 다양한 디바이스에서 일관된 경험을 제공하였습니다.
• 퍼블리싱: HTML5, CSS3, Javascript, jQuery를 사용하여 웹사이트를 구현하였습니다.
• 프론트/백엔드 개발: PHP와 MariaDB를 사용하여 서버 사이드 로직과 데이터베이스를 구축하였습니다.
• 테스트: 단위 테스트와 3자 테스트, 사용자 테스트를 통해 버그를 최소화하고 안정성을 확보하였습니다.
• 릴리즈: 최종 제품을 AWS EC2 환경에서 배포하여 고객에게 제공하였습니다.

사용 기술

1. 서버 구성: AWS EC2(Windows), IIS, AWS S3, AWS RDS를 사용하여 안정적이고 확장 가능한 서버 환경을 구축하였습니다.
2. 백엔드: PHP를 사용하여 서버 사이드 로직을 구현하였습니다.
3. 데이터베이스: MariaDB를 사용하여 안정적이고 빠른 데이터베이스 환경을 제공하였습니다.
4. 프론트엔드: HTML5, CSS3, JavaScript, jQuery를 사용하여 반응형 웹사이트를 개발하였습니다.

프로젝트 성과

LLrecipe.com은 다양한 디바이스에서 손쉽게 접근할 수 있는 사용자 친화적인 레시피 웹사이트로, 락앤락의 스팀에어프라이어와 연동하여 고객에게 새로운 요리 경험을 제공합니다. 사용자들은 텍스트, 이미지, 동영상 등 다양한 형태의 콘텐츠를 통해 상호작용하며, 자랑하기 기능을 통해 자신만의 레시피를 공유하고 커뮤니티를 형성할 수 있습니다. CMS 시스템을 통해 관리자는 레시피와 콘텐츠를 효율적으로 관리할 수 있으며, 비동기 호출 방식을 통해 빠른 데이터 처리를 가능하게 하였습니다.

LLrecipe.com은 이러한 다양한 기능과 안정성을 바탕으로 고객 만족도를 높이며, 락앤락의 브랜드 가치를 더욱 강화하고 있습니다. 앞으로도 지속적인 업데이트와 개선을 통해 더 나은 서비스를 제공할 예정입니다.