Portfolio

todo_list

주제 선정

기능 명세서 제작

기술 선정 사유

팀 명 지정 + 레포지토리 생성.

컴포넌트 props 선정

와이어 프레임

메인 색상 지정 (글로벌 primary 색상 선정 용.) + 피그마에서 컴포넌트로 빼오는 방법 공유 (Dev Mode)

1주차

서버리스 확인, alias, 패키지 설정, port 5003 고정, import order, lint&prettier → 이후 개발시작

문서: 주제 픽스 → 기능 명세서 → 유저플로우/와이어프레임

회의 기록

코드 통일

속성 정의 통일

InputHTMLAttributes는 input태그의 모든 속성을 포함하고 있다.
ComponentProps의 타입에는 반드시 HTMLAttributes를 상속받아야한다.
내부 속성은 내부적으로 정의한다.
children의 props는 :PropsWithChildren<InputProps>를 사용해 Generic으로 넘겨준다.

주제 선정

지호:

기존에 제공되는 api를 최대한 활용하는 방향으로 진행하고 싶다. (책 sns)
내부 api수정보다는 외부의 api를 활용해서 다양한 화면을 렌더링 하고 싶다.

현진:

기본 목표를 최대한 완성할 수 있는 것을 목표로 하고 싶다. (책 sns)
기획한 기능을 깔끔하게 구현하고 싶다.

수혁:

잔디밭 기능이 추가된 프로젝트를 완성하고 싶다. (코딩테스트)

호민:

틀에서 벗어난 sns를 구현하고 싶다. (차별화)

석현:

도서api를 활용할 수 있다는 점에서 도서 아이디어를 활용하면 좋을 것 같다. (책 sns)
기획한 기능을 깔끔하게 구현하고 싶다.

찬반 sns: 보편화된 sns의 틀에서 벗어날 수 있다.

책 sns: 외부 api를 활용하여 더 다양한 결과를 표현할 수 있다는 점에서 이점이 있다.

의견 통합

내부api수정을 통해 다양한 화면이 렌더링 가능한 퀴즈 sns 구현하는 것이 좋을 것 같다.

찬반 투표 sns → 퀴즈sns(선택지 확장)

카테고리(고민, 연애, 개발) 별 퀴즈 제공

투표자 수에 따라 best퀴즈 별도 렌더링

투표 횟수 절댓값을 기준으로 잔디밭 구현

사이드에 간단한 마이페이지 구현

투표사이트 모티브로 구현

기능명세서

(1) 사용자 스토리 형식의 줄글 작성

수혁

사용자는 홈페이지에 들어온다.

-홈페이지 최초 설명 슬라이드 추가 기본적으로 홈페이지에는 투표 결과가 제거된 포스트를 볼수있다. 하지만 투표하기와 결과를 보기위해서는 로그인을 해야한다. 투표하기와 결과 버튼을 눌렀을때 인증이 미완료 상태라면 로그인 페이지로 이동한다. 만약 회원가입이 필요하면 로그인 페이지에 회원가입 버튼을 눌러 회원가입 페이지로 이동한다. 2. 투표하기 투표하기를 누른후 로그인 완료 즉 인증 완료후 라면 투표하는 페이지로 이동한다. 투표를 완료할 시에 결과보기 버튼이 렌더링 된다. 버튼을 누른 후에 투표 결과 화면이 렌더링 된다. 1. 투표 게시글 작성 메인 화면 네브바에 투표 만들기 버튼을 클릭하면 포스트를 작성할 수 있다. 포스트 작성 시에 채널, 마감기한, 질문과 선택지(복수응답, 하나만 선택) (채널에 들어가서 포스트 작성시, 해당 채널로 자동 설정된다.)를 지정할 수있다. 완료버튼을 누르면 해당 포스트 페이지로 이동한다. 포스트를 클릭하면 결과를 볼수있다. 결과 페이지에서는 댓글을 달 수 있다. 포스트에서 투표하기를 클릭하면 투표를 할수있다.

(2) 요구사항 명세서 형태의 표 작성

요구사항 ID	요구사항명	기능명	상세설명	필수데이터	선택데이
ㅤ	로그인	ㅤ	아이디, 비밀번호로 로그인, 로그인 방식은 JWT, 아이디 비밀번호 틀렸을 경우에 대한 예외처리	ㅤ	ㅤ
ㅤ	회원가입	ㅤ	이메일 인증을 통한 회원가입, 이메일로 오는 인증번호를 입력, 올바른 이메일 형식인지 대한 확인, 비밀번호 확인 포함	ㅤ	ㅤ
ㅤ	회원 정보 수정	ㅤ	비밀번호 변경이나, 닉네임 변경, 프로필 사진 변경 등을 수행	ㅤ	ㅤ
ㅤ	회원 탈퇴	ㅤ	회원정보를 삭제, 경고문구	ㅤ	ㅤ
ㅤ	로그아웃	ㅤ	회원만 사용할 수 있는 기능 사용 불가	ㅤ	ㅤ
ㅤ	글작성	ㅤ	회원만 글을 작성 할 수 있다.	ㅤ	ㅤ

기능명세서 공유문서

앞으로 진행 방향

컴포넌트 각자 나눠서 구현

실시간으로 라이브 코드 리뷰 진행하여 push하는 방향으로 진행 예정

컴포넌트 통일성 유지를 위해 리뷰 후 머지하는 방식으로 진행 (컴포넌트 당 30분 이내 예상)

프로젝트 기본 구조

웹 , 모바일 생각해보기

index >시작하기

home page

>side 회원 정보

>main 전체글 보기