starkoora / wanted-pre-onboarding-challenge-fe-1

64 stars 1 forks source link

오랜만에 질문 드립니다. #17

Closed uhgenie7 closed 2 years ago

uhgenie7 commented 2 years ago

요즘 컴포넌트 디자인 패턴에 대한 고민으로 머리를 싸매고 있는데요, 어려울 땐 material-ui를 참조하라고 하셨는데 core한 부분은 라이브러리를 직접 깔아서 node_module 로 확인해보는 수밖에 없나요?

예를 들어 Button 컴포넌트는 import Button from '@mui/material/Button'; 이렇게 import 해서 사용하는데, Button 내부가 어떻게 짜여진 컴포넌트인지 웹상으로는 찾아도 잘 안 보이더라고요.

쉽게 확인할 수 있는 경로가 있다면 댓글 부탁드리겠습니다 ㅠㅠ

starkoora commented 2 years ago

@uhgenie7 웹상에서 찾을 수 없다뇨 그럴리가요 ㅎㅎ

  1. https://github.com/mui 에서 material-ui 선택

    image
  2. packages/mui-base/src/ButtonUnstyled/ButtonUnstyled.tsx 경로로 진입

    image

몇 가지 라이브러리들 레포지토리 돌아다니다보면 어디에 뭐가 들어있는지 찾는 요령도 생기실겁니다 :)

uhgenie7 commented 2 years ago

늦은 시간에 스샷까지 친절히 남겨주셔서 감사합니다! 혹시 참조해보실 다른 분들을 위해 아래 직링크 남기고 이슈 닫겠습니다 :)

React components that implement Google's Material Design.