우창욱

X 해부

1. 반응형 레이아웃

• 메인 화면에서는 크게 3가지 정도의 레이아웃이 있습니다.

• 모바일과 데스크탑의 레이아웃 차이는 크게 없습니다.
• 한가지 차이점은 모바일은 footbar? 가 나옵니다.
• 데스크탑은 왼쪽 sidebar를 계속 사용하면서, footbar를 나오게 만들지 않았습니다.

2. 구독한 사람 보여주기

3. 작성한 글 표시 레이아웃

• 클릭하면 상세 페이지로 이동합니다.
• 기본적인 레이아웃은 메인 화면에서 보는 구조와 비슷합니다.
• 들어오면 아래 항목들이 보입니다.
• 몇 명이 봤는지
• 몇 명이 좋아하는지
• 몇 명이 이 글을 인용했는지
• 언제 올렸는지 (ex. 8:27AM Jan 11, 2023)
• 댓글 단 사람들과 그 내용들
• 오른쪽 사이드바를 닫을 수 있는 기능도 있습니다.

4. 사용자 상세정보

• 이름에 hover시 사용자 정보를 보여줍니다.
• 그 상태에서 이미지나 이름 클릭하면 그 사람 정보로 이동합니다.

5. 글 쓰기 레이아웃

• 작성해둔 글은 어디를 방문하고 오든 유지되어 있습니다.
• 새로고침하면 없어집니다.

• 왼쪽 sidebar의 Post 버튼을 누르면 글 쓰기 모달창이 열립니다.

• 아래 선택창의 왼쪽부터
• 사진 업로드
• gif 추천 (ex. 인스타에서 제공해주는 gif 기능)
• 투표 기능 (ex. 맥 vs 윈도우, 기간 설정 가능)

6. 사용자 계정 페이지

• 편집 페이지는 모달로 구현했습니다.
• 모달 내부에 스크롤 가능하게 구현했습니다. (overflow)

7. 로그인 / 회원가입 화면

• 기본적인 로그인에 구글 로그인과 애플 로그인이 있습니다.

• 아니면 회원가입을 할 수 있도록 유도하고,

• 트위터 아이디가 있다면 트위터 아이디로 로그인하도록 유도합니다.

8. 알림 목록

9. 엉뚱한 페이지 접속 시

10. 가입자 목록 보기

• 기본적인 검색창 기능입니다.