1.
팀 소개
2.
기술 및 개발 환경
•
프로젝트 기간, 목표, 사용기술, 개발환경, 서비스배포, git-flow 전략, 컨벤션
3.
역할분담
•
마크업 역할분담 / 기능 역할분담
◦
공통 / 개인이 구현할 기능은?
감귤마켓 기능보면서 구현할 기능 정하기
5.
프로젝트 구조
6.
UI (전체 ui 이미지 모음)
7.
페이지 기능 (gif로 기능보여주고, wiki로 상세 기능 설명)
8.
작업 관리
9.
개선사항
10.
팀 활동
11.
느낀점
가지마케ㅌ
가지마케ㅌ 이미지
배포 URL :
Test ID :
Test PW :
[프로젝트 설명]
가지마켓 서비스는 자신의 스토어에서 판매하고 있는 상품(가지)을 등록하여 홍보할 수 있는 SNS입니다. 오직 가지만 상품으로 업로드할 수 있습니다.
상품을 등록하지 않아도 일상을 공유하며 즐거운 SNS 활동을 할 수 있습니다. 글과 사진과 함께 게시물을 작성하여 자신의 일상을 공유할 수 있습니다. 다른 사용자를 팔로우하면 유저가 올린 게시물을 홈 피드에서 소식을 확인할 수도 있습니다. 또한 다른 사용자와 메시지를 주고 받을 수 있습니다.
피드를 구경하다가 마음에 드는 게시물을 발견했다면 좋아요를 누를 수 있고 댓글을 남기거나 공유를 할 수도 있습니다.
[프로젝트 목표]
•
프로젝트 목표 1 - 웹접근성 고려 (고대비테마, 키보드 접근성)
•
프로젝트 목표 2 - 코드 완성도보다는 작동을 중심,
•
프로젝트 목표 3 - 시맨틱 마크업
1. 팀 소개
놀고먹고싶구의 팀 소개!
이보경 | 박재영 | 안지원 | 이예지 |
사진 | 사진 | 사진 | 사진 |
github 주소 | github 주소 | github 주소 | github 주소 |
역할 | 역할 | 역할 | 역할 |
•
역할에 넣을 내용 : 디자인 / 팀장 / 개발 / 기획 / 소통 / 문서화
2. 기술 및 개발 환경
[ 사용 기술 ]
FrontEnd : HTML, CSS, SASS, JavaScript, VanillaJS
BackEnd : 제공된 API 사용
[ 개발 환경 ]
Git, GitHib, Notion, Discord, Figma
GitHub Projects: 기능별 진행 사항을 GitHub Issues에서 관리
Figma: 디자인 상의
Notion: 회의록, 일정 관리, 트러블 슈팅 작성 등 프로젝트에 관련된 내용 정리
Discord: 회의 진행, 정보 공유
[git-flow 전략]
[커밋 컨벤션]
•
Git commit message
◦
#이슈번호 <아래컨벤션> : <커밋내용>
add : 새로운 기능 추가
fix : 버그 수정(단순 수정 X), 충돌 해결
docs : 문서 수정
chore : 코드의 논리에 영향이 없는 작업. 변수명 변경 등등
design : 마크업 및 디자인 구현, 변경
rename : 파일 이름의 변경 or 파일의 이동
remove : 파일의 삭제
refactor : 리팩토링
test : 테스트 관련 코드 추가 및 삭제 등
comment : 필요한 주석 추가 및 변경
Plain Text
복사
•
branch
◦
main, development, feature를 만들어서 사용함
▪
main: 최종 project 배포
▪
development: 개발 배포용, Test
▪
feature: 파트 별로 세부 기능을 개발하고 관리하는 곳
◦
branch naming
▪
feature/<pagename_feature>
▪
피그마 페이지 이름
[코드 컨벤션]
•
들여쓰기 4칸
•
prettier 사용하지 않음
•
시맨틱 마크업으로 작성하기
•
JS : 변수 ⇒ 카멜 케이스 / 클래스 ⇒ 파스칼 케이스
•
의미 있는 변수명 사용하기, 함수명은 동사로 시작하기, class명은 형태 + 의미 + 상태
[배포 서비스]
3. 개발 기간 및 작업 관리
[프로젝트 기간]
총 개발 기간 : 2023.06.01 ~ 2023.06.27
마크업 구현 : 2023.06.08 ~ 2023.06.14
기능 구현 : 2023.06.15 ~ 2023.06.27
[작업 관리]
GitHub issues & projects
회의록
트러블슈팅 ( 개발하면서 겪은 이슈 )
4. 서비스 주요 기능
가지마케ㅌ 서비스 및 기능
•
로그인 / 회원가입
◦
로그인
◦
회원가입
◦
유효성 검사
◦
프로필 설정
•
피드
◦
게시글 목록 - 목록형/앨범형
•
검색
◦
유저 검색
•
게시물
◦
게시물 작성 / 수정 / 삭제
◦
댓글 게시 / 삭제
◦
이미지 업로드 / 수정
•
채팅
◦
채팅 전송
◦
이미지 전송
◦
대화 기록 / 대화 나가기
•
마이 프로필
◦
로그아웃
◦
프로필 수정
◦
팔로우 / 팔로잉
•
유저 프로필
◦
팔로우 / 팔로잉
5. 프로젝트 구조
폴더 트리
