[멋쟁이사자처럼 부트캠프 TIL 회고] BE 13기_80일차_"1차 팀 프로젝트"

🦁멋쟁이사자처럼 백엔드 부트캠프 13기 🦁
TIL 회고 - [80]일차

🚀80일차에는 블로그 프로젝트를 만들기 위해 프로젝트 기획서, 정의서를 설계하고 ERD, UI/UX 와이어프레임을 설계하는 방법을 배울 수 있었다.

학습 목표 : 팀 회의 결과 "일상의 사진들을 기록하며 성장해나가는 느낌"으로 프로젝트를 기획하였고 그에 따라 정체성에 맞게 ERD, UI/UX 와이어프레임을 설계할 수 있어야한다.

학습 과정 : 회고를 통해 작성

---

❓팔로잉, 팔로워 기능은 추가하는 것이 나을지

➡️개인 블로그에 올리는 사진들이 다른 사용자로 하여금 흥미를 유발할 수 있다면 팔로우 기능이 있는 것이 좋을 것

팔로우함으로써 그 사용자가 새 게시물을 올리면 알림이 가거나,

메인 피드에서 팔로우 중인 블로그의 게시물을 우선적으로 표시할 수 있도록해야함

---

❓비밀번호는 oauth 로그인을 사용할때 null 값이어도 되는지

➡️ 비밀번호는 Oauth할때는 별도로 만들거나 토큰을 사용하지 않고 임시값을 사용

✅ 비밀번호는 null값 허용X, 유효한 값으로 넣어야함

유효한 값
1) 가변적인 난수값을 넣음
2) Oauth에서 넘어온 토큰의 난수 값
3) Oauth에서 넘어온 토큰의 암호화된 값

---

❓게시글에 사진 업로드하여 저장하는 방식
(물리적 저장공간으로 DB를 사용해야하는지)

• 사진은 테이블에 저장하지 않고 TEXT, LONGTEXT으로
  물리적으로 저장된 사진의 위치를 테이블에 저장하는 형태로 구현
  
  
• ex. MySQL은 사진같은 규모보단 TEXT 정도의 규모만 저장이 가능하기에 사진이 위치한 경로를 저장
• ✅사진이 저장된 [저장 경로]를 관리 후 테이블로 [저장 경로]를 참조하는 형태
  >> 사진 토큰 컬럼 : S3사용으로 토큰 관리

---

❓유저 권한, 권한 분리의 이유

✅권한 테이블 하나만 존재하면 될 것

➡️1번방법) 보통 유저쪽에서 권한을 가지고 권한 (ex. 1(USER), 2(MANAGER), 3(ADMIN ) 종류) 그 권한을 명세화한 테이블을 별도로 설계하는 것이 필요할 수 있음

➡️2번방법) 권한 컬럼을 유저 테이블에 명시하고 1-USER, 2-MANAGER, 3-ADMIN 으로 지정하는 방식으로 ENUM 타입으로 관리하는 방법도 존재

---

📒 1차 팀 프로젝트 설계 계획 (ver 2025.04.04)

 

1. 분리된 팔로잉/팔로워 기능을 하나로 통합 (팔로우)

✅ 팔로우 관련 - 내가 추적하는 사람이랑 나를 추적하는 사람을 하나의 테이블로 가져올 수 있을 것

1) 나를 추적하는 사람 : 나를 팔로잉하는 사람을 ID목록 불러오기

2) 내가 팔로잉하는 사람 : 내 회원 보유 ID로 내가 팔로잉하는 사람을 불러오기

 

2. "좋아요" 시스템 도입 여부

✅한 사람의 여러번 좋아요를 방지하기 위해 좋아요를 누른사람의 ID와 좋아요 구분과 눌렀는지 여부 (boolean) 체크

 

3. JWT 사용

✅리프레시 토큰 문자열로 받기

---

Creatie

• UI 와이어 프레임 도출하기
• ex. AI 프롬프트 명령으로 원하는 블로그 디자인 구성할 수 있음

• 원하는 디자인을 찾은 후에 Insert To Canvas
• 발표 시 AI 활용 기술을 보여주기보단 예상 디자인을 직관적으로 보여주기 위한 목적
• (기능) 원하는 이미지(=시안)를 넣어서 기능을 만들어달라는 요청도 가능
• (기능) 공용 대시보드를 만들어 동시작업 가능
• (기능) 인터랙티브한 기능으로 상호작용이 가능할 수 있음 (ex. 페이지 이동 등)

---

🚀팀 프로젝트를 와이어프레임으로 구현 (Creatie.ai 활용)

• Creatie.ai를 활용한 와이어프레임 진행과정 

---

🚀개인 블로그 화면 디자인 계획

• "블로그 형식으로 보기" 버튼을 클릭하여 "사진만 모아볼 수 있는 페이지"로 이동할 수 있도록 Navigator 설정

---

🚀다른 페이지들과 Navigator 연결

---

🚀회고 결과 :

팀 프로젝트를 본격적으로 들어간지 2일차인데 기획서, 정의서 설계부터 ERD까지 무엇인가를 만들기 전에 기본설계가 가장 중요하다는 것을 깨달았다. Creatie.ai라는 플랫폼을 활용하여 원하는 페이지 디자인을 쉽게 만들어 낼 수 있어서
회고를 진행하면서 다양한 페이지를 만들어낼 수 있었다.

향후 계획 : 

- UI 와이어프레임 설계 마무리