[3Days+] 기술스택 및 구조 설계 리포트
·
Project
https://3daysplus.vercel.app/ 3Days+3일을 반복하면 습관이 된다. 루틴과 할 일을 꾸준히 기록해보세요.3daysplus.vercel.app 사이드 프로젝트 기술스택과 설계 구조 기록💡 이 글은 제가 직접 개발한 프로젝트 3Days+를 마무리하면서, 사용한 기술스택과 설계 구조를 하나씩 상세하게 되짚고, '왜 그렇게 선택했는지, 어떤 고민과 시행착오가 있었는지'를 정리해두기 위한 기록입니다. 단순한 결과물이 아닌 “선택의 근거와 사고의 흐름” 을 보여주기 위한 글이며, 아래의 기술스택을 정리한 표를 바탕으로 하나씩 정리해보겠습니다. 🧰 기술 스택분류기술상세1. 프레임워크/아키텍처Next.js 14 (App Router)RSC + CSR 혼합..
[3Days+] 웹 성능최적화 (Lighthouse performance)
·
Project
https://3daysplus.vercel.app/ 3Days+3일을 반복하면 습관이 된다. 루틴과 할 일을 꾸준히 기록해보세요.3daysplus.vercel.app 사이드 프로젝트 - 성능최적화 / lighthouse performance 점수개선 웹 개발을 하다 보면, 어느 순간 “이 속도 괜찮은거 맞나?” 싶은 타이밍이 찾아옵니다.Lighthouse 점수, 로딩 속도, JS 번들 크기 같은 수치들이 성능을 판단하는 기준처럼 느껴지지만,사실 진짜 중요한 건 숫자가 아니라 사용자가 얼마나 ‘빠르다’고 느끼느냐입니다. 3Days+ 프로젝트를 개발하면서도 이걸 뼈저리게 느꼈습니다.서버에서 데이터를 받아오고, 클라이언트에서 처리하는 사이 아주 짧은 지연이 생겼고,사용자는 아무 말도 하지 않았지만, 왠지..
[3Days+] SEO 최적화 & 웹 접근성 개선
·
Project
https://3daysplus.vercel.app/ 3Days+3일을 반복하면 습관이 된다. 루틴과 할 일을 꾸준히 기록해보세요.3daysplus.vercel.app 프론트엔드 사이드 프로젝트 - 검색엔진 최적화 및 웹 접근성 및 실전정리 (Lighthouse) [Lighthouse 점수 의미]Performance = 빠름, SEO = 노출, Accessibility = 모두를 위한 UX, Best Practices = 안전하고 깔끔한 웹.Performance페이지 로딩 속도, 반응성, 사용자 체감 속도사용자 경험 (UX)에 직결. 느린 웹은 이탈률 급증SEO검색엔진이 페이지를 잘 인식할 수 있는 구조검색 결과 노출 & 유입량 증대Accessibility시각/청각/운동 장애인을 위한 웹 접근성 수준..
[Side project] 루틴 관리 웹앱 3Days+ 소개
·
Project
https://3daysplus.vercel.app/ 3Days+3일을 반복하면 습관이 된다. 루틴과 할 일을 꾸준히 기록해보세요.3daysplus.vercel.app 🚀 3Days+ | 반복을 통한 습관 형성, 일정·루틴·뉴스까지 한번에 관리하는 All-in-One 웹 일정 관리 + 루틴 추적 + 뉴스 요약 = All-in-One 일정 관리 웹 3Days+는 짧게 시작된 결심, 즉 작심삼일을 지속 가능한 루틴으로 발전시키도록 돕는 일정 관리 웹앱입니다.일회성 결심이 아닌, 반복 가능한 실천 → 습관 → 성과로 이어지기 위해, 다음과 같은 핵심 기능 흐름에 집중하여 설계했습니다. ✅ 매일 할 일과 반복할 루틴을 간편하게 기록하고 ✅ 실천 여부를 직관적으로 체크하며 ✅ 주간 단위로 성과를 시각..