HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
프로그래머스 프론트엔드 데브코스 2기
프로그래머스 프론트엔드 데브코스 2기
/
✌️
찬희팀
/
🧑🏻‍💻
Devin
/
기획서
기획서
기획서

기획서

목차
프로젝트 소개기획의도유저스토리요구사항1. 메인 페이지2. 이벤트 페이지3. 검색 페이지와이어 프레임라우트스케줄할일상권민기가연인화
 

프로젝트 소개

 
DevIn - (Development Information)
기술 블로그 & 이벤트 일정 공유 서비스
notion image
개발자들은 다양한 플랫폼에서 작성한 자신의 블로그 링크를 등록해서 다른 사람과 공유할 수 있습니다. 또한 개발과 관련된 최신 이벤트 정보를 획득할 수 있습니다.
 
 
 

기획의도

 
좋은 포스트들을 한 곳에서 모아볼 수 없을까?
 
개발자들은 자신의 손에 맞는 다양한 블로그 서비스를 사용하며, 때론 개인 블로그로 포스트를 작성하기도 합니다. 편하게 작성할 수 있지만 컨텐츠를 공유하거나 피드백을 주고 받는 것이 어려운 상황에 마주합니다.
저희는 개발자들이 블로그의 컨텐츠에 집중할 수 있도록 어느 서비스을 사용하더라도 다른 개발자들과 쉽게 공유할 수 있는 새로운 블로그 공유 서비스를 만들고 싶었습니다.
 
이런 이벤트가 있었다고?
 
개발 트렌드는 빠르게 변하고 다양한 이벤트와 모임이 존재합니다. 컨퍼런스, 해커톤, 커뮤니티 행사, 공모전 등 개발자로서 성장을 위해 하나라도 놓치기 아쉬운 부분입니다.
분야별로 이벤트와 모임을 쉽게 확인할 수 있는 서비스를 만들고 싶었습니다.
 
 
 

유저스토리

 
💡
개발 블로그를 운영하는 사람들은 블로그를 공유하고 피드백을 받기 위해서 나의 블로그를 쉽게 알리고 싶다.
💡
개발에 관심있는 사람들은 기술 정보를 얻고 다른 사람들의 생각을 알기 위해서 정확하고 유용한 블로그를 모아서 보길 원한다.
💡
개발에 관심있는 사람들은 다양한 개발 이벤트와 커뮤니티 참여를 위해서 이벤트 일정과 커뮤니티 정보를 손쉽게 얻기를 원한다.
 
 
 

요구사항

 

1. 메인 페이지

1.1 로그인하지않은 사용자의 화면
1.1.1 로그인
  • 사용자는 이메일과 비밀번호로 로그인을 한다.
  • 사용자는 가입하기를 눌러 회원가입 페이지로 이동할 수 있다.
1.1.2 회원가입
  • 사용자는 이메일, 이름, 비밀번호를 입력하여 회원가입을 할 수 있다.
  • 사용자는 로그인하기를 눌러 로그인 페이지로 이동할 수 있다.
1.1.3 게시물
  • 사용자는 올라온 게시물들을 볼 수 있다.
1.1.4 프로필
  • 사용자는 다른 사용자의 프로필을 볼 수 있다.
 
1.2 로그인한 사용자의 화면
1.2.1 프로필
  • 인증된 사용자는 본인의 프로필을 상세하게 볼 수 있다.
    • 프로필 사진, 이름
    • 게시물, 팔로워, 팔로우
    • 프로필 편집
    • 게시물 작성
    • 게시물 목록
  • 인증된 사용자는 자신의 정보를 변경할 수 있다.
    • 프로필 사진 설정
    • 프로필 이름 수정
    • 비밀번호 변경
  • 인증된 사용자는 로그아웃을 할 수 있다.
1.2.2 게시물
  • 인증된 사용자는 게시물을 남길 수 있다.
  • 인증된 사용자는 본인이 작성한 게시물을 수정, 삭제할 수 있다.
  • 인증된 사용자는 올라온 게시물을 볼 수 있다.
  • 인증된 사용자는 게시물에 좋아요를 누를 수 있다.
  • 인증된 사용자는 게시물에 댓글을 남길 수 있다.
1.2.3 알림
  • 인증된 사용자는 자신의 알림 목록을 확인할 수 있다.
  • 댓글, 좋아요 알림 클릭 시 해당 포스트로 이동한다.
  • 팔로우 알림 클릭 시 해당 유저의 프로필 화면으로 이동한다.
 

2. 이벤트 페이지

2.1 이벤트
  • 모든 사용자는 이벤트/모임 게시물을 볼 수 있다.
  • 이벤트/모임은 분야별로 분류할 수 있다.
 

3. 검색 페이지

3.1 사용자 목록
  • 모든 사용자는 전체 가입자 목록을 볼 수 있다.
3.2 검색
  • 모든 사용자는 가입자와 게시물을 검색할 수 있다.
  • 가입자 프로필을 눌러 해당 가입자의 프로필 정보를 볼 수 있다.
  • 게시물을 눌러 해당 게시물을 자세히 볼 수 있다.
 
 
 

와이어 프레임

www.figma.com
https://www.figma.com/file/J6rnkPUcmXAzqMmKAEtuCD/Untitled?node-id=0%3A1
DevIn
Created with Figma
https://www.figma.com/proto/J6rnkPUcmXAzqMmKAEtuCD/DevIn?page-id=0%3A1&node-id=11%3A46&viewport=235%2C505%2C0.25&scaling=scale-down&starting-point-node-id=11%3A46&show-proto-sidebar=1
DevIn
 
 

라우트

 
이름
경로
홈
/
로그인
/signin
회원가입
/signup
게시물 작성
/posts/create
게시물 상세
/posts/:post-id
게시물 수정
/posts/:post-id/update
이벤트/모임
/events
검색
/search
사용자 프로필
/profiles/:user-id
사용자 정보 수정
/profiles/edit
알림
/notification
404
ㅤ
 
 
 

스케줄

 
 
 

할일

 

상권

  • auth 관련
    • 로그인 /signin
    • 회원가입 /signup
    • 로그인 전역 상태 관리
  • 알림
    • 알림 /notification
  • og:meta 스크랩 서버
 

민기

  • 홈 /home
    • 페이지 레이아웃(헤더 & 푸터)
  • 이벤트 /event
    • 이벤트 필터
 

가연

  • 게시물
    • 게시물 컴포넌트
      • 좋아요 & 댓글
    • 게시물 작성 /posts/create
    • 게시물 수정 /posts/:post-id/update
 

인화

  • 검색 /search
  • 프로필
    • 사용자 프로필 /profiles/:user-id
  • 팔로우