[CNU SW Academy] 33일차(23.01.16)

프로젝트 구현

https://github.com/CNU-SW6/proj-fe

GitHub - CNU-SW6/proj-fe: CNU SWAcademy 6조 frontend 레포입니다.

eslint 설정이 거슬려서 갈아엎고 다시 시작했다.

eslint 설정하는데 어려움이 많았다...

 

프로그래머스 강의에서 들은 storybook을 활용해보았다.

 npm run storybook

명령어를 실행하 localhost의 6006번 포트에 접속하면

storybook에 작성한 컴포넌트들을 확인할 수 있다.

버튼은 storybook에서 기본으로 지원하는 버튼인데,

색상여부, label, backgroundColor, size에 따라 다른 디자인의 버튼을 한눈에 확인할 수 있다. 

 

나는 글자 색을 바꿀 수 있는 Header 컴포넌트를 만들어 storybook에 등록해보았다.

 

pageUrl을 설계하고, 

페이지마다 컴포넌트를 만들어 Routing하는 기능을 구현하였다.

 

---

프로그래머스 - 프론트엔드 미니 데브코스

React 강의를 들었다.

프로젝트 구현에 필요한 부분은 다시 찾아보면서 참고하는 중이다.