백엔드 포트폴리오, 프로젝트 로드맵

프로젝트/포트폴리오 만들기

    개발자 프로젝트, 포트폴리오가 처음인 경우 어떤 식으로 프로젝트를 진행해야 할지 막막한 경우가 많다.

    나도 첫 프로젝트를 만들 땐 주제를 선정하는 것 조차 막막하고 어려웠다.

    이에 내가 프로젝트를 진행해보면서 + 얻은 인사이트들을 통해 정리한 프로젝트 만드는 순서다.

---

 ✔️ 프로젝트 만드는 방법

서비스 주제 정하기

- 구글 플레이스토어, 앱스토어 등 유심히 보고, 인기있는 앱 또는 어떤 서비스가 필요한 지 생각해보기
- 그 중 내가 만들어보고 싶은 주제 정하기 (우수한 레퍼런스를 참고해서 디벨롭 시키기)
- 일상에서 불편한 부분을 좀 더 생각해 어떤 서비스를 제공하면 좋을지 생각하기

---

기능 정리

: 정한 주제에 대한 필요한 기능 정리하기 

_> 기능에 대해 자세하게 생각해보기 보다는 어떤 서비스가 있었으면 좋은지 생각 후 기능을 어떤 기능을 사용할 것인지 순으로 필요 기능 정리

 

---

ex. 여행 관련 웹페이지 제작 

[주요 꼭 만들고 싶은 기능] 

여행 경비 관리  -> 커뮤니티 탭 활용 

여행 계획 공유 -> mypage에 스크랩 가능하도록 

여행 꿀팁 공유 -> 스크랩 가능

여행 경험 공유 

여행 기록  -> 마이페이지에서 내가 쓴 글 볼 수 있도록 구현

 

회원가입/로그인 기능

먼저 회원가입 전에는 사이트를 접속만 가능하도록, 다양한 여행 상품들에 대해서도 상세정보도 볼 수 있다. 

하지만, 이를 결제하기 위해서는 비회원 구매 또는 회원가입/ 또는 로그인을 선택해서 진행할수 있도록 하며, 

장바구니 담기 또는 스크랩은 가능하지만, 로그인 또는 회원가입을 했을 때 사라지지 않고 구현할 수 있도록 하고 싶다

-> 시도 후 만약 안되면 사라지도록하기 -> 비회원 구매 가능 기능 추가

 

메인페이지 구성

• HOT 한 여행지 (TOP 10) -> 기준 : 지난 일주일간 스크랩된 순으로 / 결제 완료된 순으로 정렬
• 해외/ 국내 구분해서 나누기도 할 수 있으면 하기
• 실시간 여행기 보여주기(커뮤니티) -> 유저 상관없이 지금 막 방금 올린 순으로 계속 실시간으로 업데이트 할 수 있도록 하기 
• 검색 창 -> 어디로 떠나시고 싶으세요?
• 검색창 밑에 항공권/ 숙소/ 투어.티켓/배낭톡(여행게시판-이름 만들기) 탭 만들기
• 카테고리 만들어서 카테고리 별로 정렬 할 수 있도록 하기 

---

요구사항 명세서 작성을 통해 어떤 기능을 만들고 싶은지 작성해보기 -> 기능 구체화 시키기

요구사항 명세서 예시

- 간단하더라도 기능을 명시하고, 중요도 표시를 통해 기록해두어야 프로젝트를 진행할 때 더 수월하게 작업이 가능하다

---

ERD 작성하기

ERDCloud

-> ERD Cloud를 통해 ERD 작성하기 

어떤 테이블, 어떤 컬럼이 필요한지 천천히 만들어본 후 이를 바탕으로 프로젝트 시 DB 구축

ERD Cloud 사용 예시

---

메뉴 목록 작성 및 IA 설계

Whimsical - The iterative workspace for product teams

- 팀 프로젝트 시에도 더 잘 사용할 수 있는 툴이다. 

가지치기를 통해 어떤 식으로 메뉴를 만들지 기획할 수 있다
-> 어떤 버튼 누르면 어떤 버튼들이 나오도록 할 수 있는지 기획하는 단계

어떤 작업을 하는지에 대한 예시

---

와이어프레임 제작

1. UI 설계 - 화면의 틀을 만드는 작업 

2. 구체적인 디자인의 방향성 - Figma 를 통해 디자인의 방향성 살펴보기

 

UI 설계 활용 툴 - balsamiq

Balsamiq: Fast, focused wireframing for teams and individuals | Balsamiq

 

피그마(실무에서 잘 사용하는 툴) - 디자인

Figma: The Collaborative Interface Design Tool

 

---