플러스프로젝트 배경
1) 문제점
- 기존 Wix 템플릿 기반으로 작성된 웹 페이지에서 고도화에 대한 불편함 발생
- 카카오톡으로 협업 내용에 대해 직관적으로 확인이 어려움
2) 프로젝트 목표
- 상업용 부동산 랜딩 페이지로 지속적인 유지관리를 위해 기존 웹 페이지를 전면 자체개발로 전환
- 랜딩 페이지의 직관적인 UI 제공을 위해 유연한 슬라이드 및 애니메이션 고려
- 코드 형상 관리, 배포, 클라우드 등 최소한의 비용으로 인프라 및 샌즈 카지노 환경 구축
- 임대 문의에 대한 메일 시스템 자체 구현
- 협업간 원할한 커뮤니케이션과 업무 추적을 위해 노션을 통한 협업 환경 제공
- 기존 Wix 템플릿 기반으로 작성된 웹 페이지에서 고도화에 대한 불편함 발생
- 카카오톡으로 협업 내용에 대해 직관적으로 확인이 어려움
2) 프로젝트 목표
- 상업용 부동산 랜딩 페이지로 지속적인 유지관리를 위해 기존 웹 페이지를 전면 자체개발로 전환
- 랜딩 페이지의 직관적인 UI 제공을 위해 유연한 슬라이드 및 애니메이션 고려
- 코드 형상 관리, 배포, 클라우드 등 최소한의 비용으로 인프라 및 샌즈 카지노 환경 구축
- 임대 문의에 대한 메일 시스템 자체 구현
- 협업간 원할한 커뮤니케이션과 업무 추적을 위해 노션을 통한 협업 환경 제공
프로젝트 성과
서버 호출 비용 95% 이상 절감
이미지와 영상을 반복적으로 호출하여 불필요한 서버 사용량 발생하여 이미지와 영상을 Storage 업로드 전 webp, ffmpeg로 용량 최적화 및 캐시 제어를 통해 서버 사용량 대폭 절감
기존 Wix 웹 페이지를 자체 샌즈 카지노 웹 페이지로 전환
Wix 템플릿이 제공하는 기능 기반이 아니라 자체 샌즈 카지노을 통해 지속적인 유지보수가 가능해졌고, Wix 유료 플랜 비용 보다 저렴하게 랜딩 페이지 관리
핵심 기능
임대문의 양식 작성 및 제출
사용자가 임대문의 양식을 작성했는지 검증하고, 제출을 위한 메일 시스템을 구현
(nodemailer와 Gmail의 SMTP 서비스를 활용)
(nodemailer와 Gmail의 SMTP 서비스를 활용)
반응형 및 무한 스크롤 섹션
건물 정보 제공에 핵심적인 섹션들을 무한 스크롤을 통해 직관적으로 제공하고 모바일 환경에서는 팝업 및 탭을 통해 제공하도록 반응형으로 대응
관리자 기능을 통한 건물 정보 편집 기능
관리자 계정으로 인증된 경우 텍스트, 이미지, 영상 등을 편집 가능
진행 단계
인프라 기획 및 구축
2025.03.
1) 코드 형상 관리를 위한 깃허브 저장소 구축
2) 샌즈 카지노 진행 사항이 직접 확인 가능한 테스트 배포 환경 구축
3) 유료 도메인을 배포 환경에 연결
4) 자체적인 asset 관리를 위한 클라우드 환경 구축
2) 샌즈 카지노 진행 사항이 직접 확인 가능한 테스트 배포 환경 구축
3) 유료 도메인을 배포 환경에 연결
4) 자체적인 asset 관리를 위한 클라우드 환경 구축
샌즈 카지노 및 배포 파이프라인 구축
2025.03.
1) 요구사항에 대한 모든 기능 샌즈 카지노
2) 협업자가 쉽게 저장소에 코드를 등록할 수 있게 CI/CD 배포 파이프라인 구축
2) 협업자가 쉽게 저장소에 코드를 등록할 수 있게 CI/CD 배포 파이프라인 구축
테스트 및 런칭
2025.03.
1) 자체 테스트와 고객사 테스트를 통해 런칭 결정
2) 런칭 후 vercel, supabase 서버 사용량 지속적으로 감시
3) 폰트 최적화 관련 서버 함수 사용량이 높아 cdn 전략으로 무료 서버 사용량 제어
2) 런칭 후 vercel, supabase 서버 사용량 지속적으로 감시
3) 폰트 최적화 관련 서버 함수 사용량이 높아 cdn 전략으로 무료 서버 사용량 제어
프로젝트 상세
1) 포트폴리오 소개
반응형 웹 기반의 건물 소개 랜딩 페이지로, 방문자에게 건물의 전반적인 정보(위치, 구조 등)를 제공하며, 임대 상담을 위한 문의 양식 제출을 통해 메일 시스템 기반의 상담 요청이 가능합니다. 직관적인 UI와 간결한 구성으로 누구나 쉽게 건물을 이해하고 관심을 표현할 수 있도록 설계하였습니다.
2) 작업 범위
- 협업간 효율적인 소통을 위한 노션 협업 페이지 작성
- 화면 설계, 서버리스 환경 구축, Front-end 샌즈 카지노, 관리자 페이지 샌즈 카지노
- 반응형 웹 샌즈 카지노 (모바일, 테블릿, PC)
- Android, iOS 등 크로스 브라우징 대응
- 코드 형상 관리(github), 배포 CI/CD(vercel), 클라우드(supabase) , 도메인 연결(가비아) 등 인프라 시스템 구축
3) 주요 업무
- 기존 Wix 템플릿으로 제작된 웹을 자체 샌즈 카지노 페이지로 전환
- 영상, 이미지 기반의 랜딩 페이지 구현
- 순회형 스크롤, 팝업을 통한 건물 정보 슬라이드 구현
- 임대문의(CTA)에 대해 사용자 입력 폼 작성 및 제출 관련 메일 시스템 샌즈 카지노
- 로고, 이미지, 영상, 텍스트 편집이 가능한 관리자 기능 샌즈 카지노
- supabase를 활용한 서버리스 웹 구현 (Storage, DB 구현)
- vercel 배포 파이프라인 구축(CI/CD)
- vercel 배포와 가비아 도메인 연결
4) 주안점 : 서비스 구축 시 중점이 되었던 사항
- supabase 비용 절감을 위한 이미지, 영상 등 asset 크기 최적화(wepb) 및 캐시 전략(cache-control) 적용
- 브라우저 (크롬, 사파리) 및 기기별(안드로이드, ios) 대응
반응형 웹 기반의 건물 소개 랜딩 페이지로, 방문자에게 건물의 전반적인 정보(위치, 구조 등)를 제공하며, 임대 상담을 위한 문의 양식 제출을 통해 메일 시스템 기반의 상담 요청이 가능합니다. 직관적인 UI와 간결한 구성으로 누구나 쉽게 건물을 이해하고 관심을 표현할 수 있도록 설계하였습니다.
2) 작업 범위
- 협업간 효율적인 소통을 위한 노션 협업 페이지 작성
- 화면 설계, 서버리스 환경 구축, Front-end 샌즈 카지노, 관리자 페이지 샌즈 카지노
- 반응형 웹 샌즈 카지노 (모바일, 테블릿, PC)
- Android, iOS 등 크로스 브라우징 대응
- 코드 형상 관리(github), 배포 CI/CD(vercel), 클라우드(supabase) , 도메인 연결(가비아) 등 인프라 시스템 구축
3) 주요 업무
- 기존 Wix 템플릿으로 제작된 웹을 자체 샌즈 카지노 페이지로 전환
- 영상, 이미지 기반의 랜딩 페이지 구현
- 순회형 스크롤, 팝업을 통한 건물 정보 슬라이드 구현
- 임대문의(CTA)에 대해 사용자 입력 폼 작성 및 제출 관련 메일 시스템 샌즈 카지노
- 로고, 이미지, 영상, 텍스트 편집이 가능한 관리자 기능 샌즈 카지노
- supabase를 활용한 서버리스 웹 구현 (Storage, DB 구현)
- vercel 배포 파이프라인 구축(CI/CD)
- vercel 배포와 가비아 도메인 연결
4) 주안점 : 서비스 구축 시 중점이 되었던 사항
- supabase 비용 절감을 위한 이미지, 영상 등 asset 크기 최적화(wepb) 및 캐시 전략(cache-control) 적용
- 브라우저 (크롬, 사파리) 및 기기별(안드로이드, ios) 대응
