Home > Today I Learned > 2026_05_04~2026_05_08 > 2026-05-04 일지

2026-05-04 일지
web spring thymeleaf html Figma

Figma 사용한 스토리보드 설계


서론

단순한 그림을 사용하는 것보다 피그마를 통해 블로그 구현에 대해 생각하고 있는 것을 공유하기 위해 사용했다.

figma-story

스토리보드를 통해 해야 할 것

  • 기본적인 레이아웃 구조 정의
  • 기능 위치 정의
  • 데이터 흐름 정리
    위 3가지를 중점으로 실제 코딩 전 구조에 대한 논의를 완료하였다.

슬라이드 모드

단순 디자인 모드로 하는 것보다 상위 페이지에서 하위 페이지로 흘러가는 흐름을 표현할 수가 있고 이후 팀원들 간의 회의에서 활용할 자료로 활용할 수 있기에 유용하게 사용하였다.
그리고 각 기능에 대해 언급해야 할 사항 있다면 숫자 박스로 표시를 하고 이에 관한 설명을 오른쪽으로 빼서 구현하도록 했다.

github를 활용한 파트정리

git-proj-pre
github 칸반보드를 통해 각자 구현하기로 한 파트를 나누었다.

git-kar-iss1
칸반보드에는 내가 어떤 비지니스 로직을 구현해야 하는지에 대한 체크내용이 나와 있었고

  • 공통 협업 규칙
  • 주요 구현 미션

구현시 조심해야 하는 사항이 적혀져 있어서 조금 더 구상하기가 좋았던 것 같다.