News Network (NN)
Internal System
뉴스 플랫폼 — 사용자 웹 · 관리자 · API 모노레포
Problem
문제
뉴스 플랫폼 — 사용자 웹 · 관리자 · API 모노레포
Solution
해결
뉴스네트워크는 시사·경제 등 주제를 탭으로 나누고, 헤드라인과 요약이 담긴 카드를 스크롤하며 훑어볼 수 있는 독자용 서비스입니다. 한 손으로 탭을 바꾸고 피드를 내려보다가, 관심 기사를 눌러 본문·도구(글자 크기, 공유 등)까지 이어지도록 화면 흐름을 잡았습니다.
미디어·운영 관점에서는 기사를 올리고 다듬는 편집 화면, 방문·콘텐츠 지표를 보는 관리 기능이 필요해, 독자가 보는 웹과 같은 브랜드 안에서 편집·운영이 돌아가도록 제품을 묶어 두었습니다. 이 페이지의 스크린샷은 독자용 모바일 웹의 홈·피드·기사 상세입니다.
Scope
수행 범위
- 풀스택 · 사용자 웹 UI
- 웹 (Next.js) · API (NestJS)
Highlights
핵심 포인트
독자 경험
주제별 탭과 카드 리스트로 “지금 무엇이 올라왔는지”를 빠르게 스캔하고, 기사 안에서는 읽기와 공유에 집중할 수 있게 구성했습니다.
편집·운영
기사 작성·게시와 통계를 다루는 관리 화면을 두어, 콘텐츠 생산과 서비스 운영이 같은 제품군 안에서 이어지도록 했습니다.
모바일 우선
휴대폰 화면과 한 손 조작을 기준으로 내비게이션과 피드 리듬을 설계했습니다.
Technology
기술 (도구)
문제 해결을 위해 선택한 기술입니다. 스택 자체보다 요구사항·운영 조건에 맞춘 선택입니다.
Next.js 15React 19TypeScriptTailwind CSSRadix UITanStack QueryNestJSTypeORMMySQLCKEditor
Screens
화면
