☑️ Frontend
- Functional component를 생성할 수 있다.
- Hooks의 useState, useEffect 함수를 사용하여 컴포넌트의 상태를 관리할 수 있다.
- styled-component를 사용해 js 파일 안에서 컴포넌트의 스타일을 지정하고, 컴포넌트의 상태를 props로 받아 스타일 적용을 다르게 할 수 있다.
이번에는 3페이지를 제작할 때 로그인 페이지만 class 방식으로 제작하고 나머지 장바구니나 제품디테일 페이지는 Functional component 방식으로 제작하면서 나름 익숙해지게 된 거 같다. useState도 이전 state를 관리하던 방식으로 생각하면 그런대로 익숙하게 사용할 수 있었다. 하지만 useEffect는 기존의 라이프 사이클과 유사한점이 있으면서도 차이점이 있는 거 같은데 그것을 정확히 이해하는 것이 어려웠다. 스타일드 컴포넌트를 사용하는 것도 마찬가지로 두 페이지에서 적용하는 것을 진행했는데, props를 받아 받아오는 값에 따라서 버튼 스타일도 바꾸는 것도 해봤는데 꽤 재미있었다.
