티스토리 뷰

Project/GPTea.tsx

GPTea☕ 프로토타입 초기 스타일링(styled-components)

hahagarden 2023. 4. 6. 00:19

css 스타일링을 위해 styled-components를 사용했다.

pages와 components들에 컴포넌트가 많다. 컴포넌트별로 스타일링을 하려면 각각 css또는 scss 파일을 만들어야 하는데, 복잡해질 것 같았다. styled-components는 리액트 파일에서 스타일링을 할 수 있어 파일을 따로 만들어줘야 할 필요가 없는 점이 가장 큰 장점이다. styled-components 라는 이름처럼 스타일링 또한 컴포넌트화 한다.

 

chat 초기 스타일링

 

scrap 초기 스타일링

 

🙌 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.30
GPTea☕ Figma 프로토타이핑  (0) 2023.04.25
GPTea☕ 프로토타입 라우팅(react-router-dom)  (0) 2023.04.05
GPTea☕ 컴포넌트, 라우트 분리  (0) 2023.03.31
GPTea☕ 와이어프레임2  (0) 2023.03.30
댓글