FC-InnerCircle / icd01-team01-o2o1-fe

0 stars 2 forks source link

#2 음식점 정보 UI 작성 #18

Closed sionyeom closed 2 months ago

sionyeom commented 2 months ago

2

음식정 정보 UI 작성 컴포넌트 테스트 작성

next.config.mjs 에서 image domain 테스트용으로 'via.placeholder.com'추가했습니다. 슬라이더 라이브러리를 추가했습니다. (react-slick, slick-carousel) 제가 임의로 많이 사용하는 라이브러리를 추가했는데 더 좋은 대안 공유해주시면 같이 고민해보는 것도 좋을 것 같습니다. 슬라이더 테스트코드 작성은 못했는데 좀더 리서칭 후 작성해보겠습니다.

kichul7493 commented 2 months ago

작업하시느라 고생하셨습니다.

크게 문제되는 부분은 아니지만 fireEvent, React.FC 와 관련된 내용 공유 드리니 한 번 읽어보시면 좋을거 같습니다.

https://velog.io/@pds0309/react-testing-library-fireEvent-vs-userEvent

https://velog.io/@frombozztoang/React.FC-%EC%82%AC%EC%9A%A9-%EC%A7%80%EC%96%91%ED%95%98%EA%B8%B0

sionyeom commented 2 months ago

작업하시느라 고생하셨습니다.

크게 문제되는 부분은 아니지만 fireEvent, React.FC 와 관련된 내용 공유 드리니 한 번 읽어보시면 좋을거 같습니다.

https://velog.io/@pds0309/react-testing-library-fireEvent-vs-userEvent

https://velog.io/@frombozztoang/React.FC-%EC%82%AC%EC%9A%A9-%EC%A7%80%EC%96%91%ED%95%98%EA%B8%B0

테스트 방법과 React.FC 사용을 지양해야하는 이유에 대해서 잘 정리된 문서를 공유해주셨네요 새로운 지식인데 앞으로 참고하여 작성하겠습니다. 빠른 리뷰 및 좋은 팁 공유 감사해요!