안녕하세요 이번에 작성하게 될 내용은 Next.Js로 프로젝트를 진행해 본 경험이 적다 판단하여 Next로 진행할 토이 프로젝트 구상을 진행한 스토리입니다.
해당 글은 프로젝트의 진행도에 따라 추가적으로 글이 작성될 예정입니다.
🧐 프로젝트 계기
최근 채용공고를 살펴보면 React와 더불어 Next를 많이 사용하는 것을 확인해 볼 수 있습니다.
React에 대한 경험은 있지만, Next.js에 대한 사용 경험이 아직 부족하다는 생각이 들었습니다. 인프런 강의를 수강하고 간단한 프로젝트를 하나 진행한 경험은 있지만, Next.js를 능숙하게 다룰 수 있다고 자신 있게 말하기에는 아직 아쉬운 부분이 많다고 느꼈습니다.
그렇기에 Next.js를 좀 더 깊이 있게 이해하고, 실제로 활용할 수 있는 능력을 키우기 위해 프로젝트를 진행해 보기로 결심했습니다.
🤔 프로젝트 주제 구상하기
후보 추출
Next.js로 개발할 프로젝트 주제를 고민하면서 몇 가지 후보를 추려봤습니다. 간단히 떠오른 주제로는 다음과 같은 것들이 있었습니다:
- 개인 블로그 또는 포트폴리오 웹사이트
- 전자상거래 웹사이트
- 대시보드 및 관리 시스템
- 소셜 미디어 플랫폼
하지만 이런 예시들이 저에게 특별히 매력적으로 다가오지 않았습니다. 결국, 저는 더 개인적이고 의미 있는 주제에 집중하기로 결심했습니다.
그 이유는 간단합니다. 저는 언제나 "왜 이걸 만들어야 할까?"에 대한 명확한 이유를 찾고, 그 이유에 몰입하여 개발하는 과정을 즐기기 때문입니다.
떠오른 주제
그렇게 고민 끝에 떠오른 주제는 직장 내 칭찬 문화를 촉진하는 서비스입니다. 요즘 사람들은 남을 칭찬하는 것을 어려워하거나 부끄러워하는 경우가 많다고 생각합니다. 특히 직장 내에서는 동료를 칭찬하는 것이 중요한데, 아직까지 이 문화가 잘 자리 잡히지 않은 것 같아요.
이 문제를 해결할 수 있는 서비스를 만들고 싶었습니다. 그래서 생각한 서비스는 '직장 + 칭찬 = 직찬'입니다. 직장 내에서 동료를 칭찬하고, 그 칭찬이 자연스럽게 확산될 수 있도록 돕는 플랫폼입니다.
이 서비스의 기획을 좀 더 효율적으로 진행하기 위해, 과거 미국에서 유행했던 서비스 GAS를 벤치마킹하기로 했습니다. GAS는 긍정적인 피드백을 주고받는 문화를 촉진하는 서비스로, 유사한 아이디어를 적용할 수 있을 것 같습니다.
📃 와이어 프레임 구상하기
현재 간단한 게 틀만 잡은 경우에 아래 사진과 같은 Flow로 진행하면 괜찮지 않을까? 생각이 들었습니다.
간단하게 플로우를 설명하면 이렇습니다.
화면 1: 초기 화면
- 설명: 앱 실행 시 표시되는 첫 화면입니다.
- 구성 요소
- 아이디/비밀번호 입력 필드
- 회원가입 버튼:
- 클릭 시 **회원가입 프로세스(화면 3)**로 이동합니다.
- 아이디/비밀번호 입력 후 로그인이 성공하면 **코드 입력 O(화면 2)**로 이동합니다.
화면 2: 코드 입력 화면
코드란?
- 회사의 고유 식별 번호를 의미하며, 서비스에 접근하기 위한 인증 코드입니다.
1) 코드 입력 X
- 설명: 사용자가 코드를 입력하지 않았을 때 표시되는 화면입니다.
- 구성 요소
- 서비스 소개 섹션
- 코드 입력 요청 섹션
- 동작: 사용자가 코드를 입력하고 인증에 성공하면 코드 입력 O 화면으로 이동합니다.
2) 코드 입력 O
- 설명: 사용자가 코드를 입력하고 인증에 성공한 후 표시되는 화면입니다.
- 구성 요소
- 오늘의 칭찬 목록
- 이미 한 칭찬 섹션
- 동작: 사용자가 특정 칭찬 항목을 선택하면 **칭찬하기 화면(화면 4)**로 이동합니다.
화면 3: 회원가입 프로세스
- 설명: 사용자가 계정을 생성할 수 있는 화면입니다.
- 구성 요소
- 회원가입에 필요한 정보 입력 필드
- 가입 완료 버튼
- 동작: 회원가입이 완료되면 **코드 입력 화면(화면 2)**로 리디렉션됩니다.
화면 4: 칭찬하기 화면
- 설명: 사용자가 선택한 칭찬 항목에 대해 구체적인 칭찬 유형을 선택할 수 있는 화면입니다.
- 구성 요소
- 네 개의 칭찬 유형 버튼(후보 1, 후보 2, 후보 3, 후보 4)
- 동작: 사용자가 특정 칭찬 유형을 선택하면 칭찬이 완료됩니다.
📌 해결해야 할 문제
- 동명이인에 대한 처리 방식
- 칭찬 요소 선별
- 칭찬을 해주는 것과 받는 것에 대한 흥미 유도하기
'기타' 카테고리의 다른 글
| 펫밀리 회고록 (1) | 2024.04.18 |
|---|---|
| 제가 재밌게 읽었던 글을 소개합니다. (0) | 2023.08.10 |