프로젝트 배경
1) 문제점
- 암호화폐 및 미국 증시에 대한 정보가 여러 플랫폼에 분산되어 있어 신뢰할 수 있는 정보를 한 곳에서 보기 어려움
- 뉴스, 커뮤니티, 종목 정보 등이 각각 단절되어 있어 사용자 경험이 단편적이고 불편함
- 기존 커뮤니티들은 검색 기능이나 UI/UX가 직관적이지 않아 사용자 이탈률이 높음
2) 프로젝트 목표
- 뉴스 콘텐츠와 커뮤니티를 통합한 웹 기반 정보 플랫폼 구축
- 암호화폐/미국 주식에 대한 실시간 정보 제공 및 유저 간 소통 공간 마련
- OAuth 로그인, 무한 스크롤, 필터/검색 기능 등을 통한 사용자 편의성 강화
- 관리자 전용 UI를 통해 커뮤니티 관리 효율 향상
3) 주안점
- 뉴스 콘텐츠 자동 수집(WordPress API 연동) 및 이미지 자동 추출 처리
- 대량 이미지 기반 콘텐츠에서도 원활한 퍼포먼스를 위한 Lazy Loading 구현
- NextAuth 기반 소셜 로그인(Kakao/Naver/Google)과 권한 분기를 통한 보안 및 UX 향상
- AWS EC2 + Nginx + PM2 배포 환경 구성 및 GitHub Actions 기반 CI/CD 자동화
프로젝트 상세
1) 포트폴리오 소개 : 암호화폐 및 미국 증시에 관심 있는 20~40대 개인 투자자들을 위한 커뮤니티 기반 뉴스 플랫폼 개발
2) 작업 범위 : 프론트엔드 및 백엔드 전체 개발, 데이터베이스 설계, 관리자 페이지 개발, CI/CD 구축
지원환경: 모바일 및 반응형 웹, AWS EC2 서버 배포
3) 주요 업무 : 소셜 로그인(카카오, 네이버, 구글), 뉴스 콘텐츠 자동 수집 API 연동
관리자 전용 UI, 게시판·댓글 CRUD, 커뮤니티 필터링 및 검색 기능
카테고리별 게시판, 뉴스 상세 페이지, 공지사항 관리 등
4) 주안점 : 대용량 이미지·텍스트 기반 콘텐츠에서도 버벅임 없는 UX 제공을 위한 성능 최적화
모바일 중심 UI 구현 및 SPA 구조 내 SEO와 초기 렌더링 문제 해결
관리자/사용자 권한 분리 및 UX 흐름 개선
홈 화면
뉴스 페이지
뉴스 페이지 (모바일 뷰)
커뮤니티 페이지 모바일 뷰
코인 정보 페이지
코인 정보 페이지 (모바일 뷰)
검색 기능
검색 상세
로그인 페이지
플러스
