[웹개발 100일] Day 7 - 화면 기획 (figma 활용)

 

 
오랜만에 외근 다녀오니까 대박 피곤하다
내가 만든 기능 패치하러 간 건데 버그 나서 롤백하고 옴 ^// ^
인생이 쉽지가 않다

🚀 요약

작업 시간: 2시간
✅ 피그마로 화면 기획

 

 

 

🚀 figma로 화면 기획

어제 새로 세운 타임라인에서 2주차는 기획 및 초기 세팅을 하기로 했다.
GPT한테 부탁해서 오늘 할 분량을 배정 받아 봤다.

📅 Day 7~8: 화면 기획 (Figma) 📐

• 주요 페이지 정의 (홈, 이벤트 목록, 이벤트 상세, 로그인 등)
• UI/UX 흐름 정리 (사용자 동선, 네비게이션 구조)
• 기본적인 와이어프레임 제작

 

가보자고

 

1~7일차(오늘) 동안 기획 완료한 화면

⭐ 이벤트 리스트 페이지 📃

• 이벤트 목록
• 검색 및 필터 기능
• 페이지네이션/스크롤
• 정렬 기능

⭐ 이벤트 상세 페이지 🔎

• 이벤트 제목, 날짜, 참여자 등 이벤트 관련 정보
• 작성자, 작성 날짜 등 글 관련 정보
• 이미지 갤러리
• 이미지 확대창
• 댓글

⭐ 로그인 페이지 🔑

• ID 및 비밀번호 입력 필드
• 로그인 버튼
• 회원가입 링크
• 비밀번호 찾기 링크 (메일링)

⭐ 회원가입 페이지 📝

• 이름, ID, 비밀번호, 이메일, 닉네임 입력 필드
• 비밀번호 확인 필드
• 회원가입 버튼
• 로그인 링크 (Already have an account?)

 

아 발행 버튼이 없네 추가해야겠다

오른쪽 텍스트 보더 줘보기

 

 

 

남은 화면

⭐ 마이페이지 (사용자 프로필) 🧑‍💻

• 사용자 정보 (이름, 이메일 등)
• 내가 업로드한 이벤트 목록
• 비밀번호 변경 기능

⭐ 이벤트 생성/수정 페이지 ✏️

• 기존 이벤트 수정 기능 포함
• 사진 업로드 UI 개선

⭐ 404 페이지 ❌

• 잘못된 URL 접근 시 보여줄 화면

⭐ 알림 페이지 🔔

• 내가 만든 이벤트에 댓글
• 내 댓글에 답글

+
티스토리에서 댓글알람 어떻게 처리하는지 파쿠리 하면 되겠다
코멘트마다 #comment코멘트번호 아이디 달려 있어서 거기로 바로 이동함

 

,,, 내일도 화면기획 힘내긔