티스토리 뷰
리액트 컴포넌트와 라우터를 정했다.
이름을 짓는데 시간이 오래 걸렸다. Chats, Chat, ChatItem 등 라우터로 쓸 것인지 단순 컴포넌트인지에 따라서 생각을 해보았다.
Chats페이지에 chat 리스트가 뜨는데,
1. 하나하나의 chat 리스트아이템을 Chat이라고 하고 채팅방을 ChatRoom으로 하는 방법
2. 하나하나의 chat 리스트아이템을 ChatItem이라고 하고 채팅방을 Chat으로 하는 방법
중에서 2번을 택했다. 리스트는 채팅방 삭제 기능을 하기는 하지만 리스트 아이템일 뿐이고 조금 더 메인의 역할을 하는 채팅방을 Chat으로 하기로 했다. 채팅방의 path 엔드포인트는 /chats/chatId 로 할 것이다.
Scraps페이지에 scrap 리스트가 뜨는데 따로 모달창을 띄우지 않고 펼치고 접을 수 있도록 할 것이다.
1. scrap 리스트아이템을 ScrapItem이라고 하고 펼칠 때는 따로 /scraps/scrapbookId/messageId로 url을 이동해서 Scrap 컴포넌트를 렌더링할지
2. scrap 리스트아이템을 Scrap이라고 하고 펼치고 접는 기능만 넣을지
고민했다. 유튜브의 댓글란에 접고 펼치는 기능이 있는데 url을 따로 이동을 하지 않고 화면만 바꾸는 것을 참고하여 2번으로 하기로 결정했다.
반응형
'Project > GPTea.tsx' 카테고리의 다른 글
GPTea☕ Figma 프로토타이핑 (0) | 2023.04.25 |
---|---|
GPTea☕ 프로토타입 초기 스타일링(styled-components) (0) | 2023.04.06 |
GPTea☕ 프로토타입 라우팅(react-router-dom) (0) | 2023.04.05 |
GPTea☕ 와이어프레임2 (0) | 2023.03.30 |
GPTea☕️ 와이어프레임1 (0) | 2023.03.30 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- 을지로맛집
- 공릉 꼬치
- 공릉 이자카야
- 구글서치콘솔
- 공릉맛집
- 홍천 삼겹살
- 공릉 밀크티
- 신불당 술집
- 태릉맛집
- 공릉 맛집
- 태릉 술집
- 깃허브 데스크탑 로그아웃
- 태릉삼겹살
- 롯데월드 키오스크
- 춘천닭갈비
- Til
- 춘천맛집
- 공릉 카페
- 티스토리검색
- sitemap
- 태릉 이자카야
- 태릉 꼬치
- 이수 맛집
- 티스토리
- solo project
- 롯데월드 매직패스 프리미엄
- 맥 깃허브 데스크탑
- 공릉 술집
- 롯데월드 보조배터리
- 회고
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
글 보관함