Project "편식"

편의점 음식을 조합하고 공유하는 community

📆 2023.08.16-2023.09.15

🔗 IP 주소

📜 S.A (Starting Assignments)

📌 핵심 기능

• 편의점 상품을 사진에 태그 하는 ‘편식 조합’ 게시글 작성/수정/삭제
• 게시글 댓글, 좋아요, 저장, 공유, 그리고 인용
• 신상품을 평가하고 그 결과를 볼 수 있는 목록
• 편의점별 가까운 지점 안내
• 활동에 따른 배지 지급 및 레벨 업
• 다양한 편의점 행사 할인 품목 및 게시글 검색

Members

이름	역할	담당
김윤수	leader	전체 프로젝트 일정 관리, 데이터 구축 및 개발 총괄
이혜영	vice leader	일반 게시글 및 게시글 부가 기능, 신상품 리뷰 결과 리스트
원유길	member	데이터 구축, 이미지 태그 게시글 관련 기능
임호진	member	인증/인가, 주변 편의점 안내, 스켈레톤 UI
황대성	member	댓글 관련 기능, 고객센터, 신상품 리뷰 스와이프
최정윤	designer	사용자 플로우 작성, UI/UX 디자인 및 시스템, 서비스 로고 디자인

Tech Stack

FE

BE

LIBRARY

API

HOSTING

VERSION CONTROL

COOPERATION

ETC.

Process Guide

1.  환경 변수(.env) 설정
2.  yarn package 설치
3.  yarn start client 실행

Commit Convention

Chore: build 업무, package manager 수정, package 관리자 구성 update 등
Feat: 새로운 기능 추가
Fix: bug 수정
Refactor: code refactoring
Comment: 필요한 주석 추가 및 변경
Style: code fomat 변경, semi colon 누락
Design: UI Design 변경 (styled-component)
Rename: folder, file 이름 수정 및 이동
Remove: file 삭제
Docs: 문서 수정
Test: test code

File Tree

📦src
┣ 📂api
┃ ┣ 📂mainPage
┃ ┃ ┗ 📜getPostInfinity.ts
┃ ┣ 📜badge.ts
┃ ┣ 📜bestComment.ts
┃ ┣ 📜comment.ts
┃ ┣ 📜commentLike.ts
┃ ┣ 📜postBookmark.ts
┃ ┣ 📜postLikes.ts
┃ ┣ 📜posts.ts
┃ ┣ 📜product.ts
┃ ┣ 📜ReComment.ts
┃ ┣ 📜ReCommentLike.ts
┃ ┣ 📜ReviewSwiper.ts
┃ ┗ 📜userLogin.ts
┣ 📂components
┃ ┣ 📂detail
┃ ┃ ┣ 📂comments
┃ ┃ ┃ ┣ 📜Comment.tsx
┃ ┃ ┃ ┣ 📜CommentForMap.tsx
┃ ┃ ┃ ┣ 📜CommentInput.tsx
┃ ┃ ┃ ┣ 📜CommentLikes.tsx
┃ ┃ ┃ ┣ 📜CommentUserInfo.tsx
┃ ┃ ┃ ┣ 📜ReCommentForMap.tsx
┃ ┃ ┃ ┣ 📜ReCommentInput.tsx
┃ ┃ ┃ ┣ 📜ReCommentLikes.tsx
┃ ┃ ┃ ┗ 📜styledComments.ts
┃ ┃ ┗ 📂prodReview
┃ ┃ ┃ ┣ 📜EvaluationGraph.tsx
┃ ┃ ┃ ┣ 📜MyEvaluation.tsx
┃ ┃ ┃ ┣ 📜ProdReviewSwiper.tsx
┃ ┃ ┃ ┣ 📜ReviewList.tsx
┃ ┃ ┃ ┣ 📜ReviewLocation.tsx
┃ ┃ ┃ ┗ 📜ReviewProduct.tsx
┃ ┣ 📂eventProd
┃ ┃ ┣ 📜ProdCard.tsx
┃ ┃ ┗ 📜ProdList.tsx
┃ ┣ 📂header
┃ ┃ ┣ 📂search
┃ ┃ ┃ ┗ 📜SearchResult.tsx
┃ ┃ ┣ 📂write_edit
┃ ┃ ┃ ┗ 📜WriteHeader.tsx
┃ ┃ ┣ 📜BoardSearchContainer.tsx
┃ ┃ ┣ 📜BottomBarMenuContainer.tsx
┃ ┃ ┣ 📜Header.tsx
┃ ┃ ┣ 📜HeaderSearchBar.tsx
┃ ┃ ┣ 📜TopBarMenuContainer.tsx
┃ ┃ ┗ 📜UserLevel.tsx
┃ ┣ 📂icons
┃ ┃ ┣ 📂achievement
┃ ┃ ┃ ┣ 📂block
┃ ┃ ┃ ┃ ┣ 📜BookMarkBlock.svg
┃ ┃ ┃ ┃ ┣ 📜BugBlock.svg
┃ ┃ ┃ ┃ ┣ 📜CommentKingBlock.svg
┃ ┃ ┃ ┃ ┣ 📜EarlyBlock.svg
┃ ┃ ┃ ┃ ┣ 📜FirstCommentBlock.svg
┃ ┃ ┃ ┃ ┣ 📜FirstNewProductReivewBlock.svg
┃ ┃ ┃ ┃ ┣ 📜FirstRecipeBlock.svg
┃ ┃ ┃ ┃ ┣ 📜GoFoundedBlock.svg
┃ ┃ ┃ ┃ ┣ 📜GoldChairBlock.svg
┃ ┃ ┃ ┃ ┣ 📜HolicBlock.svg
┃ ┃ ┃ ┃ ┣ 📜KingStarBlock.svg
┃ ┃ ┃ ┃ ┣ 📜Likes100Block.svg
┃ ┃ ┃ ┃ ┣ 📜NewProductUploaderBlock.svg
┃ ┃ ┃ ┃ ┣ 📜OurEmployeeBlock.svg
┃ ┃ ┃ ┃ ┣ 📜RecipeManiaBlock.svg
┃ ┃ ┃ ┃ ┣ 📜RisingStarBlock.svg
┃ ┃ ┃ ┃ ┣ 📜SevenBlock.svg
┃ ┃ ┃ ┃ ┣ 📜SheriffBlock.svg
┃ ┃ ┃ ┃ ┣ 📜SilverChairBlock.svg
┃ ┃ ┃ ┃ ┗ 📜SoilChairBlock.svg
┃ ┃ ┃ ┣ 📂modal
┃ ┃ ┃ ┃ ┣ 📜IconBookMark.svg
┃ ┃ ┃ ┃ ┣ 📜IconBug.svg
┃ ┃ ┃ ┃ ┣ 📜IconCommentKing.svg
┃ ┃ ┃ ┃ ┣ 📜IconEarly.svg
┃ ┃ ┃ ┃ ┣ 📜IconFirstComment.svg
┃ ┃ ┃ ┃ ┣ 📜IconFirstNewProductReview.svg
┃ ┃ ┃ ┃ ┣ 📜IconFirstRecipe.svg
┃ ┃ ┃ ┃ ┣ 📜IconGoFounded.svg
┃ ┃ ┃ ┃ ┣ 📜IconGoldChair.svg
┃ ┃ ┃ ┃ ┣ 📜IconHolic.svg
┃ ┃ ┃ ┃ ┣ 📜IconKingStar.svg
┃ ┃ ┃ ┃ ┣ 📜IconLikes100.svg
┃ ┃ ┃ ┃ ┣ 📜IconNewProductUploader.svg
┃ ┃ ┃ ┃ ┣ 📜IconOurEmployee.svg
┃ ┃ ┃ ┃ ┣ 📜IconRecipeMania.svg
┃ ┃ ┃ ┃ ┣ 📜IconRisingStar.svg
┃ ┃ ┃ ┃ ┣ 📜IconSeven.svg
┃ ┃ ┃ ┃ ┣ 📜IConSheriff.svg
┃ ┃ ┃ ┃ ┣ 📜IconSilverChair.svg
┃ ┃ ┃ ┃ ┣ 📜IconSoilChair.svg
┃ ┃ ┃ ┃ ┗ 📜index.ts
┃ ┃ ┃ ┣ 📜BookMark.svg
┃ ┃ ┃ ┣ 📜Bug.svg
┃ ┃ ┃ ┣ 📜CommentKing.svg
┃ ┃ ┃ ┣ 📜Early.svg
┃ ┃ ┃ ┣ 📜FirstComment.svg
┃ ┃ ┃ ┣ 📜FirstNewProductReivew.svg
┃ ┃ ┃ ┣ 📜FirstRecipe.svg
┃ ┃ ┃ ┣ 📜GoFounded.svg
┃ ┃ ┃ ┣ 📜GoldChair.svg
┃ ┃ ┃ ┣ 📜Holic.svg
┃ ┃ ┃ ┣ 📜KingStar.svg
┃ ┃ ┃ ┣ 📜Likes100.svg
┃ ┃ ┃ ┣ 📜NewProductUploader.svg
┃ ┃ ┃ ┣ 📜OurEmployee.svg
┃ ┃ ┃ ┣ 📜RecipeMania.svg
┃ ┃ ┃ ┣ 📜RisingStar.svg
┃ ┃ ┃ ┣ 📜Seven.svg
┃ ┃ ┃ ┣ 📜Sheriff.svg
┃ ┃ ┃ ┣ 📜SilverChair.svg
┃ ┃ ┃ ┗ 📜SoilChair.svg
┃ ┃ ┣ 📂brand
┃ ┃ ┃ ┣ 📜CU.svg
┃ ┃ ┃ ┣ 📜Emart24.svg
┃ ┃ ┃ ┣ 📜GS25.svg
┃ ┃ ┃ ┗ 📜SevenEleven.svg
┃ ┃ ┣ 📂login
┃ ┃ ┃ ┗ 📜IconWarning.svg
┃ ┃ ┣ 📂map
┃ ┃ ┃ ┣ 📜IconLocation.svg
┃ ┃ ┃ ┗ 📜IconMap.svg
┃ ┃ ┣ 📂mypage
┃ ┃ ┃ ┣ 📜IconLogOut.svg
┃ ┃ ┃ ┗ 📜IconSecret.svg
┃ ┃ ┣ 📂post
┃ ┃ ┃ ┣ 📂recipe
┃ ┃ ┃ ┃ ┣ 📜AddBtn.svg
┃ ┃ ┃ ┃ ┣ 📜ArrowIcon.svg
┃ ┃ ┃ ┃ ┣ 📜CameraIcon.svg
┃ ┃ ┃ ┃ ┣ 📜DeleteIcon.svg
┃ ┃ ┃ ┃ ┣ 📜DotIcon.svg
┃ ┃ ┃ ┃ ┣ 📜SearchIcon.svg
┃ ┃ ┃ ┃ ┣ 📜SelectedFileIcon.svg
┃ ┃ ┃ ┃ ┣ 📜TagIcon.svg
┃ ┃ ┃ ┃ ┗ 📜TrashCanIcon.svg
┃ ┃ ┃ ┣ 📜IconAdd.svg
┃ ┃ ┃ ┣ 📜IconBookmark.svg
┃ ┃ ┃ ┣ 📜IconClose.svg
┃ ┃ ┃ ┣ 📜IconComment.svg
┃ ┃ ┃ ┣ 📜IconLike.svg
┃ ┃ ┃ ┣ 📜IconLink.svg
┃ ┃ ┃ ┣ 📜IconLinkCopy.svg
┃ ┃ ┃ ┣ 📜IconLinkFacebook.svg
┃ ┃ ┃ ┣ 📜IconLinkKakao.svg
┃ ┃ ┃ ┣ 📜IconLinkTwitter.svg
┃ ┃ ┃ ┣ 📜IconOrgPost.svg
┃ ┃ ┃ ┣ 📜IconQuotation.svg
┃ ┃ ┃ ┣ 📜IconSelect.svg
┃ ┃ ┃ ┣ 📜IconUnBookmark.svg
┃ ┃ ┃ ┣ 📜IconUnLike.svg
┃ ┃ ┃ ┣ 📜IconUnLink.svg
┃ ┃ ┃ ┗ 📜IconUnQuotation.svg
┃ ┃ ┣ 📂register
┃ ┃ ┃ ┣ 📜IconConsent.svg
┃ ┃ ┃ ┣ 📜IconConsentConfirm.svg
┃ ┃ ┃ ┗ 📜index.ts
┃ ┃ ┣ 📂report
┃ ┃ ┃ ┗ 📜IconReport.svg
┃ ┃ ┣ 📂review
┃ ┃ ┃ ┗ 📜IconGood.svg
┃ ┃ ┣ 📂search
┃ ┃ ┃ ┗ 📜IconNoSearchResult.svg
┃ ┃ ┣ 📂write
┃ ┃ ┃ ┣ 📜IconCommon.svg
┃ ┃ ┃ ┗ 📜IconRecipe.svg
┃ ┃ ┣ 📜IconAddReComment.svg
┃ ┃ ┣ 📜IconAllReview.svg
┃ ┃ ┣ 📜IconBackSpace.svg
┃ ┃ ┣ 📜IconBad.svg
┃ ┃ ┣ 📜IconBadFace.svg
┃ ┃ ┣ 📜IconBadge.svg
┃ ┃ ┣ 📜IconBadgeSmall.svg
┃ ┃ ┣ 📜IconBell.svg
┃ ┃ ┣ 📜IconBestComment.svg
┃ ┃ ┣ 📜IconCamera.svg
┃ ┃ ┣ 📜IconCameraSmall.svg
┃ ┃ ┣ 📜IconCommentInput.svg
┃ ┃ ┣ 📜IconCommon.svg
┃ ┃ ┣ 📜IconGoodBig.svg
┃ ┃ ┣ 📜IconGoodFace.svg
┃ ┃ ┣ 📜IconGoogle.svg
┃ ┃ ┣ 📜IconKaKao.svg
┃ ┃ ┣ 📜IconLiked.svg
┃ ┃ ┣ 📜IconLogoSymbolH22.svg
┃ ┃ ┣ 📜IconLogoSymbolH32.svg
┃ ┃ ┣ 📜IconLogoWaterMarkH22.svg
┃ ┃ ┣ 📜IconLogoWaterMarkH32.svg
┃ ┃ ┣ 📜IconMyPostBox.svg
┃ ┃ ┣ 📜IconPlusTag.svg
┃ ┃ ┣ 📜IconProfile.svg
┃ ┃ ┣ 📜IconRecipe.svg
┃ ┃ ┣ 📜IconUnLiked.svg
┃ ┃ ┣ 📜IconWriteButton.svg
┃ ┃ ┗ 📜index.ts
┃ ┣ 📂imageTag
┃ ┃ ┣ 📂svg
┃ ┃ ┃ ┣ 📜ArrowIcon.svg
┃ ┃ ┃ ┣ 📜CameraIcon.svg
┃ ┃ ┃ ┣ 📜DeleteIcon.svg
┃ ┃ ┃ ┣ 📜DotIcon.svg
┃ ┃ ┃ ┣ 📜IconAddBtn.svg
┃ ┃ ┃ ┣ 📜SearchIcon.svg
┃ ┃ ┃ ┣ 📜SelectedFileIcon.svg
┃ ┃ ┃ ┣ 📜TagIcon.svg
┃ ┃ ┃ ┗ 📜TrashCanIcon.svg
┃ ┃ ┣ 📜AddImageTagComponent.tsx
┃ ┃ ┣ 📜ImageTag.tsx
┃ ┃ ┣ 📜ImageUploader.tsx
┃ ┃ ┣ 📜Search.tsx
┃ ┃ ┣ 📜ShowTag.tsx
┃ ┃ ┣ 📜StyledAddImageTagComponent.ts
┃ ┃ ┣ 📜StyledImageTag.ts
┃ ┃ ┣ 📜StyledShowTag.ts
┃ ┃ ┗ 📜TagModal.tsx
┃ ┣ 📂mypage
┃ ┃ ┣ 📜Achievement.tsx
┃ ┃ ┣ 📜AchievementExport.ts
┃ ┃ ┣ 📜AchievementModal.tsx
┃ ┃ ┣ 📜BadgeMapping.tsx
┃ ┃ ┣ 📜MyAchievement.tsx
┃ ┃ ┣ 📜MyPageHover.tsx
┃ ┃ ┣ 📜MyPost.tsx
┃ ┃ ┣ 📜NoPost.tsx
┃ ┃ ┗ 📜Profile.tsx
┃ ┣ 📂popUp
┃ ┃ ┣ 📜BadgeAlert.tsx
┃ ┃ ┣ 📜BoardAlert.tsx
┃ ┃ ┣ 📜Confirm.tsx
┃ ┃ ┣ 📜confirmModalText.ts
┃ ┃ ┗ 📜UserDeleteAlert.tsx
┃ ┣ 📂post
┃ ┃ ┣ 📂detail
┃ ┃ ┃ ┣ 📜BottomFunction.tsx
┃ ┃ ┃ ┣ 📜BottomShare.tsx
┃ ┃ ┃ ┣ 📜OrgPostCard.tsx
┃ ┃ ┃ ┣ 📜PostDetail.tsx
┃ ┃ ┃ ┣ 📜StyledBottomFunction.ts
┃ ┃ ┃ ┣ 📜StyledOrgPostCard.ts
┃ ┃ ┃ ┣ 📜StyledPostDetail.ts
┃ ┃ ┃ ┗ 📜WriterInfo.tsx
┃ ┃ ┣ 📂write
┃ ┃ ┃ ┣ 📜EditorQuill.tsx
┃ ┃ ┃ ┣ 📜HeaderArea.tsx
┃ ┃ ┃ ┣ 📜PostWrite.tsx
┃ ┃ ┃ ┣ 📜PostWriteBodyInput.tsx
┃ ┃ ┃ ┣ 📜Select.tsx
┃ ┃ ┃ ┣ 📜StyledEditorQuill.css
┃ ┃ ┃ ┣ 📜StyledHeaderArea.ts
┃ ┃ ┃ ┣ 📜StyledPostWrite.ts
┃ ┃ ┃ ┣ 📜StyledTitleArea.ts
┃ ┃ ┃ ┣ 📜TitleArea.tsx
┃ ┃ ┃ ┗ 📜userLevelUp.ts
┃ ┃ ┣ 📜PostEditCommon.tsx
┃ ┃ ┣ 📜PostEditRecipe.tsx
┃ ┃ ┗ 📜PostList.tsx
┃ ┣ 📂register
┃ ┃ ┣ 📜ProfileSetForm.tsx
┃ ┃ ┣ 📜SignUpForm.tsx
┃ ┃ ┣ 📜TermsAndConditions.tsx
┃ ┃ ┗ 📜UserDelete.tsx
┃ ┣ 📂renderPosts
┃ ┃ ┣ 📂reactionSource
┃ ┃ ┃ ┣ 📜BestComment.tsx
┃ ┃ ┃ ┣ 📜ContentBox.tsx
┃ ┃ ┃ ┗ 📜WriterContainer.tsx
┃ ┃ ┣ 📜CommonPost.tsx
┃ ┃ ┣ 📜PostCards.tsx
┃ ┃ ┗ 📜PostForMain.tsx
┃ ┣ 📂report
┃ ┃ ┣ 📂utility
┃ ┃ ┃ ┗ 📜Email.ts
┃ ┃ ┣ 📜Report.tsx
┃ ┃ ┣ 📜ReportIcon.tsx
┃ ┃ ┣ 📜ReportStep1.tsx
┃ ┃ ┣ 📜ReportStep2.tsx
┃ ┃ ┣ 📜ReportStep3.tsx
┃ ┃ ┗ 📜ReportStep4.tsx
┃ ┣ 📂search
┃ ┃ ┣ 📜NoSearchResult.tsx
┃ ┃ ┣ 📜Prodfilter.ts
┃ ┃ ┣ 📜ProdSearch.tsx
┃ ┃ ┗ 📜SearchSummary.tsx
┃ ┣ 📂sidebar
┃ ┃ ┣ 📂event
┃ ┃ ┃ ┣ 📜BrandSelector.tsx
┃ ┃ ┃ ┣ 📜EventSideBar.tsx
┃ ┃ ┃ ┣ 📜NearBy.tsx
┃ ┃ ┃ ┗ 📜NearByBox.tsx
┃ ┃ ┣ 📂mypage
┃ ┃ ┃ ┣ 📜BadgeCount.tsx
┃ ┃ ┃ ┣ 📜MypageSideBar.tsx
┃ ┃ ┃ ┣ 📜MypageSideBarButtonTab.tsx
┃ ┃ ┃ ┗ 📜MypageSideBarInfo.tsx
┃ ┃ ┣ 📂rank
┃ ┃ ┃ ┣ 📜EvaluationGood.tsx
┃ ┃ ┃ ┣ 📜NewReview.tsx
┃ ┃ ┃ ┣ 📜RankSideBar.tsx
┃ ┃ ┃ ┣ 📜RealTimeCombo.tsx
┃ ┃ ┃ ┗ 📜StyledRealTimeCombo.ts
┃ ┃ ┣ 📜FetchPosts.tsx
┃ ┃ ┣ 📜Footer.tsx
┃ ┃ ┗ 📜SideBar.tsx
┃ ┣ 📂skeleton
┃ ┃ ┣ 📜PostSkeleton.tsx
┃ ┃ ┗ 📜ProdSkeleton.tsx
┃ ┣ 📜OAuthLogin.tsx
┃ ┗ 📜ProgressCircle.tsx
┣ 📂d.ts
┃ ┗ 📜badwords.d.ts
┣ 📂function
┃ ┣ 📜GetDistanceBtw.ts
┃ ┗ 📜setBrandName.ts
┣ 📂globalState
┃ ┗ 📜jotai.ts
┣ 📂hooks
┃ ┣ 📜useCommentMutate.ts
┃ ┣ 📜useInput.ts
┃ ┣ 📜useLoginUserId.ts
┃ ┣ 📜usePost.ts
┃ ┣ 📜usePostBookmark.ts
┃ ┣ 📜usePostLikes.ts
┃ ┣ 📜useReCommentMutate.ts
┃ ┗ 📜useUserMutate.ts
┣ 📂kakaoMap
┃ ┣ 📜GetConvList.ts
┃ ┣ 📜GetDetailAddress.tsx
┃ ┣ 📜GetDistanceBtw.ts
┃ ┗ 📜KakaoMap.tsx
┣ 📂layout
┃ ┗ 📜Layout.tsx
┣ 📂lib
┃ ┗ 📜supabaseClient.ts
┣ 📂pages
┃ ┣ 📜Detail.tsx
┃ ┣ 📜Edit.tsx
┃ ┣ 📜EventProd.tsx
┃ ┣ 📜Login.tsx
┃ ┣ 📜Main.tsx
┃ ┣ 📜Mypage.tsx
┃ ┣ 📜PasswordChange.tsx
┃ ┣ 📜PasswordReset.tsx
┃ ┣ 📜PostModal.tsx
┃ ┣ 📜Register.tsx
┃ ┣ 📜Report.tsx
┃ ┣ 📜ReviewList.tsx
┃ ┣ 📜SearchResult.tsx
┃ ┗ 📜Write.tsx
┣ 📂shared
┃ ┣ 📜PrivateRoute.tsx
┃ ┗ 📜Router.tsx
┣ 📂styles
┃ ┣ 📜GlobalFont.ts
┃ ┣ 📜GlobalStyle.ts
┃ ┣ 📜styleBox.ts
┃ ┗ 📜styleFont.ts
┣ 📂types
┃ ┣ 📜supabase.ts
┃ ┗ 📜types.ts
┣ 📂utility
┃ ┣ 📜CreatedAt.tsx
┃ ┗ 📜guide.ts
┣ 📜App.tsx
┣ 📜badwords-ko.d.ts
┣ 📜index.tsx
┣ 📜react-app-env.d.ts
┣ 📜react-swipy.d.ts
┗ 📜toast.css