● 포트폴리오 소개

https://www.geonbang.com/

이번 프로젝트는 전원주택 정보 및 지역기반 정보를 제공하는 플랫폼 전방의 웹 페이지를 개발한 사례입니다. 이 웹 사이트는 사용자들이 부동산과 관련된 다양한 정보를 지도 기반으로 쉽게 확인할 수 있도록 설계되었습니다. 특히, 사용자 경험(UX)을 최우선으로 고려하여 누구나 편리하게 부동산 정보를 탐색할 수 있는 직관적인 인터페이스와 반응형 디자인을 구현했습니다.

● 작업 범위

이번 프로젝트의 작업 범위는 기획 및 설계, 퍼블리싱, 반응형 디자인, Kakao Map API 연동, AJAX 통신 적용, 그리고 사용자 맞춤형 알림 기능 구현을 포함한 전반적인 웹 사이트 구축의 모든 단계를 포함합니다.

• 기획 및 설계: 사용자가 직관적으로 전원주택 및 관련 정보를 탐색할 수 있도록 UI/UX를 기획하고 웹 사이트의 전반적인 구조를 설계했습니다.
• 퍼블리싱: HTML, CSS, JavaScript를 사용하여 웹 페이지를 퍼블리싱했으며, 깔끔하고 효율적인 코드를 작성하는 데 중점을 두었습니다.
• 반응형 디자인: 다양한 디바이스(데스크탑, 태블릿, 모바일)에서 최적의 화면 구성을 제공하기 위해 반응형 디자인을 적용했습니다.
• Kakao Map API 연동: 지도 상에 부동산 정보와 지역 정보를 표시하기 위해 Kakao Map API를 연동하였습니다. 이를 통해 위치 기반 정보를 제공할 수 있도록 했습니다.
• AJAX 통신: 서버와의 비동기 데이터 통신을 통해 빠르고 효율적인 데이터 로드를 구현했습니다.
• 실시간 알림 기능: 사용자 맞춤형 관심 지역과 키워드를 기반으로 새로운 정보가 등록될 때마다 실시간 카카오톡 알림을 제공하는 기능을 구현했습니다.

● 주요 기능

• 전방 지도: Kakao Map 기반으로 부동산 및 지역 업체 정보를 지도 상에서 제공하며, 위치 기반으로 상세한 정보를 탐색할 수 있습니다.
• 전방 커뮤니티: 게시판 형식의 커뮤니티에서 사진, 동영상, 전원주택 관련 정보 등을 편리하게 공유할 수 있습니다.
• 실시간 알림: 관심 지역과 키워드 설정을 통해 실시간으로 새로운 정보 알림을 받아볼 수 있는 기능을 지원합니다.

● 사용 기술

• 프론트엔드: HTML5, CSS3, JavaScript, Kakao Map API, jQuery를 사용하여 웹 페이지의 구조와 상호작용을 구현했습니다.
• 기타 도구: Git을 사용한 버전 관리로 협업을 원활히 진행하였으며, 코드의 변경 사항을 체계적으로 관리했습니다.

이번 전방 플랫폼 구축 프로젝트는 사용자 중심의 웹 페이지를 만들기 위해 최신 기술과 방법을 활용했습니다. 지도 기반의 직관적인 인터페이스와 반응형 디자인을 통해 다양한 디바이스에서 일관된 사용자 경험을 제공하며, Kakao Map API와 AJAX 통신을 통해 효율적인 데이터 처리와 빠른 탐색 기능을 구현했습니다. 이 프로젝트를 통해 전원주택에 관심 있는 사용자들이 필요한 정보를 쉽고 빠르게 얻을 수 있는 플랫폼을 성공적으로 완성했습니다.