HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 3기 교육생
/
🎄
유리팀
/
프로젝트 최종 발표
프로젝트 최종 발표
프로젝트 최종 발표

프로젝트 최종 발표

생성일
Jan 18, 2023 04:49 PM
태그

목차

1. 서비스 소개 설명 컨셉

Introduction Slogan
🦔
커뮤니케이션을 통한 학습 제공하는 개발자 전용 SNS 개발자들이 그라운드에서 디깅을 통해 지식이 깊어질 수 있는 커뮤니티.

선정 배경

  • 외국에서는 스택오버플로우 및 트위터 등 방대한 개발 커뮤니티 및 SNS를 통해 서로 소통하고 트렌드를 습득하기 좋은 환경이 되어있다.
notion image
notion image
  • 설문 조사에 따르면, 프로그래밍에 대한 수요는 점점 높아지고 있는데 자료가 부족한 상황이다
#Data & Analysis
대학생 500명을 대상으로 코딩 능력에 대한 인식을 조사한 결과 대학생 10명 중 6명이 코딩 능력을 취업 필수 요소로 생각하는 것으로 나타났다. 이러한 경향은 공학계열 전공자와 사회계열 전공자에게서 두드러졌는데, 특히 사회계열 대학생의 60%가 '코딩 자격증을 취득할 의향이 있다'고 답하는 등 코딩에 높은 관심을 보였다. '취업을 위해 코딩 능력이 필요하다고 생각하냐'는 질문에 34.2%가 '필요하다', 22.8%가 '매우 필요하다'고 답했다.
https://exam.ybmnet.co.kr/newsletter/view.asp?naid=237&pageno=
#Data & Analysis
  • 한국에는 활성화된 커뮤니티가 많지 않다. 대표적으로 OKKY, TAEYO.NET, 커리어리 등이 있으나 학습에 포커싱 되어 있지 않다.
notion image
 

디그디그딥의 솔루션

  • DigDigDeep aims to solve these problems
  • (디그디그딥은 아래의 문제들을 해결책을 제시할 수 있습니다.)
    • a lack of place and community in korea for deep conversations on various topics
      • mostly spread across velog, tistory, and other personal blogs on the internet
    • a lack of access to these communities for developers who are just beginning
      • available services ie. OKKY lack the focus on solving technical problems (mixed with 채용공고, 스터디 모집, 등등)
  • DigDigDeep aims to provide these solutions
    • Inspired by the image of a mole best adapted for digging, DDD provides a space that encourages deep conversations
      • users start a new ground by entering a topic or question
      • users can dig deeper on the subject by inputing comments
개발자들이 그라운드에서 디깅을 통해 지식이 깊어질 수 있는 커뮤니티.
  • 그라운드: 하나의 주제와 관련된 포스트를 의미한다.
  • 디깅: 댓글을 남기는 행위를 의미한다.
 
개발자들이 한 주제에 대해 깊은 이야기를 나누는 행위
compare our concept to 두더지 who is digging the ground

서비스 기획

Story 1

  • 혼자 독학하는 프롱이는 리액트 인강을 듣고있다.
  • 배운 내용으로 사이드 프로젝트에 적용하고 싶은데 강의에서 나오지 않은 에러가 계속 발생하면서 막힌다.
  • 디그디그딥에서 에러 관련 검색을 하며 프롱이와 비슷한 상황인 딥답어님의 그라운드(포스트)를 찾아 배움 얻어간다.
  • 온 김에 딥답어님의 프로필 탐구하면서 여러 신기한 개발 트렌드에 대해 알게되었다.

Story 2

  • 프롱이는 자바스크립트의 Symbol 개념에 대해서 학습하고 싶다.
  • MDN 자료는 축약되어 있어서 학습하기에 어려움이 있었다.
  • 디그디그딥에서 그라운드(포스트)를 생성해서 디깅(댓글)을 통해 Symbol에 대한 학습을 시작한다.
  • 다양한 사용자들과 커뮤니케이션을 통해 더욱 깊이 있는 학습을 할 수 있었다.
 
/// 기능 설명 전에 기술 스텍 추가
/// 프로토타입/디자인 이미지 추가

2. 배포 보면서 기능 설명

주요 기능

  • 키워드로 포스트와 유저들을 검색할 수 있다.
    • 검색 결과를 클릭해서 상세
  • 회원은 새로운 포스트를 작성할 수 있다.
    • 나의 포스트를 수정할 수 있다.
    • 포스트에 이미지를 추가할 수 있다.
  • 포스트에 대한 좋아요 및 댓글을 남길 수 있다.
  • 다른 유저 프로필를 볼 수 있다.
    • 유저의 포스트, 팔로워, 팔로잉 목록을 확인할 수 있다
    • 유저의 프로필에서 유저를 팔로우 할 수 있다
  • 회원은 커뮤니티에서의 나의 포스트, 팔로우, 팔로워를 확인할 수 있다.
  • 알림을 받고 확인할 수 있다
    • 다른 유저가 나의 포스트를 좋아요 및 댓글, 또는 팔로우할때 알림을 받을 수 있다.
  • 프로필 이미지, 닉네임, 및 비밀번호 등 나의 회원 정보를 수정할 수 있다.

3. 사용성 향상을 위해 추가한 기능들

  • implement infinite scroll for true sns-like discovery experience
  • show spinner and image skeleton while loading content
  • optimized loading speed through font file & image size optimization
  • responsive web-app design for diverse device size support
  • 댓글 남기면 아래로 스크롤
 
 
** where to put tech stack?