티스토리 뷰

Project/GPTea.tsx

GPTea☕ 프로토타입 라우팅(react-router-dom)

hahagarden 2023. 4. 5. 15:04

라우팅으로 기본적인 화면들을 만들었다.


dummy data로 채팅방 목록과 메세지 목록을 만들어서 임시로 그렸다. 스크랩 목록은 별도로 존재하지 않고 메세지 목록의 스크랩 프로퍼티 값으로 필터링하여 스크랩 페이지에 그린다.
각 데이터마다 id값이 있고 id값이 url의 param이 되어 페이지를 구분한다.
클릭하여 url을 이동하는 것 말고는 button의 기능과 form 기능은 없다.

 

 

 

🙌 github repository 🙌

 

GitHub - evergarden0412/gptea-web

Contribute to evergarden0412/gptea-web development by creating an account on GitHub.

github.com

 

 

 

반응형
저작자표시

'Project > GPTea.tsx' 카테고리의 다른 글

GPTea☕ Figma 프로토타이핑  (0) 2023.04.25
GPTea☕ 프로토타입 초기 스타일링(styled-components)  (0) 2023.04.06
GPTea☕ 컴포넌트, 라우트 분리  (0) 2023.03.31
GPTea☕ 와이어프레임2  (0) 2023.03.30
GPTea☕️ 와이어프레임1  (0) 2023.03.30
댓글