Seed

같이 개발 공부를 했던 디자이너 출신 형의 제안으로 프론트엔드끼리 할 수 있는 간단한 사이드 프로젝트를 진행하기로 했다.

---

25.01.06(월)

• 타이틀 고민 recap + post → repo 다이어리 잔디 블로그 캘린더 갓생살기 작심하루 story log 다이어로그 ? 씨유쑨 리포트 사생활 썸원 썸네일 ? 썸내일 ? 개미는 뚠뚠 오늘도 뚠뚠 열심히 일을 하네 뚠뚠 오늘 film+recap fire clip? 일상의 클립 책갈피 피드 ? feed 어제 그거 오늘 그거 요약 포스터 = 저장소 repo 블로그나 자기 이야기보면 당일날 쓰더라도 보통 자기 머리에 이미 기억나는 내용을 정리하잖아 film recap 줄여서 피리 text recap 텍리ㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣ daily story Di + 로그 이세계 이야기 일상 스케치북 일상의 조각 소중한 한 줄기 하루 떡잎 잔디 위 이야기, 게시판, 잔디 밭 일기 나만의 환각
  

상세 페이지

메인페이지 (home : “/”)

• 사용자, 게시물(제목) 검색(”/search”)
• 랜덤게시물을 표시(1차적으로는 최신수)
• 랜덤 사용자 보이게하고 옆에 버튼(ex. 피드 버튼)은 서로 이웃 게시물 보기
• 이웃추가 (게시물에서 상대방 프로필 옆에 버튼생성)

로그인 페이지(“/login”)

• 로그인
• 회원가입
  • 닉네임 (한글x, 영문, 숫자, 특수 기호)
  • 아이디 - 이메일 형식
  • 비밀번호
  • 비밀번호 확인
  • 프로필 이미지?

사용자 페이지 (”/{username}”)

• 나의 게시물 리스트
• 이웃수 (팔로우, 팔로잉)
• 잔디를 통한 게시물 검색(날짜별 게시 기능)
• 게시물 추가 버튼

게시물 상세(”/{username}/{postId}”)

• 좋아요
• 댓글(삭제/수정)
• 게시물 삭제/수정

게시물 작성(”/write”)

• 제목
• 이미지
• 키워드 (태그)
• 본문 작성할 때 글자 색, 글자크기, 기울기 라이브러리 있으면 하고 없으면 진짜 간단하게만 할 수 있는만 기울기, 두껍게, - 선
• 맞춤법

게시물 수정(”/write”/”{postId}”)

• 게시물 데이터 불러오기

팔로우 팔로잉 페이지

• 인스타처럼 모달 표시

---

추가적인 세부 기능

• 서로이웃
• 잔디 : 로그인 시에 표시되도록 (캘린더에 색깔 표시)

첫 날 9to6 회의와 작업 결과로는 제목과 주제를 정했다.

그렇게 정해진 제목은 Seed로 다이어리 형식의 블로그를 만들어보자고 했다.

그렇게해서 간단하게 만들어야할 페이지를 큰 틀을 정했고 피그마를 통해 디자인을 진행하였다.

와이어 프레임

기술스택

• React
• ts
• tailwind CSS
• vite
• aws

파이어베이스를 사용하면 쉽고 금방 끝날거 같지만 아직까지 S3 버킷만 사용해본 경험뿐이라서 이번 기회에 aws에 있는 DB 기능을 활용해볼 생각이다.

취업 상황에 따른 일단 보류 프로젝트...