TIL 41일차 컴포넌트 디자인 실습

shleecloud·2021년 9월 14일
0

Codestates

목록 보기
40/95
post-custom-banner

들어가며

오늘은 어제에 이어서 실습이다. 리액트도 안하다가 하니까 기억이 엉망이었다. 이벤트 핸들러도 해매고 CSS로 해매고 총체적 난국이었다. 뭔가... 공부 소홀히 하다가 딱! 걸린 느낌? 🤦 와... 한방 제대로 먹었다. 페어 진행은 무난하게 진행했으나 요즘 너무 열심히 달리다보니 텐션이 내려간 기분이 든다. 너무 휴식을 소홀히 했는지 약간 물리는 느낌이 든다. 오늘은 여기까지만 쓰고 다른 일을 하면서 시간을 보내야겠다. 휴식이 필요해.

컴포넌트 디자인 Bare minimum

지금까지 배운 React, Styled-Component, Storybook을 활용하여 React-custom-component를 완성합니다.

  • Modal, Toggle, Tab, Tag 컴포넌트를 구현합니다.
  • npm run test 스크립트로 기본적인 기능을 테스트하는 테스트 케이스를 통과합니다.
  • npm run storybook 스크립트로 컴포넌트들을 눈으로 확인하며 코드를 작성해, 하단 GIF 파일과 같은 모양을 구현합니다.
  • 모든 테스트를 통과한 뒤, npm run submit 스크립트로 과제를 제출합니다.
profile
블로그 옮겼습니다. https://shlee.cloud
post-custom-banner

0개의 댓글