[프론트엔드 생존코스 10기] 10주차 회고

📅  24.04.01 ~ 24.04.07 

지난 강의 이어서 만든 쇼핑몰에 기능을 추가적으로 구현하는 주차였다. 

 

👩🏻‍💻 나는 이번주에 무엇을 배웠는가? 

 

지난주차에 이어 쇼핑몰에  로그인, 로그아웃, 회원가입 주문페이지 관련 기능을 구현하는 실습을 하는 주차였다. 

지난주에 듣고 정리 하지 못한 장바구니 담기 기능 구현부터 학습을 시작했다. 구현하는 로직은 어렵진 않았으나 막상 내 방식대로 시도해 보려니 잘 되지 않았다. ComboBox를 별도의 모듈로 컴포넌트화 하는 부분에서 어려움을 느꼈다. 뭔가 쉬워 보이면서도.. 막상 들은 내용을 토대로 구현해보려고 하니 어렵게 느껴졌다.  Class 문법에 익숙하지 않아 getter, setter 개념을 이해하는 부분도 조금.. 힘들었다. 

 

로그인과 로그아웃을 기능 구현은 어렵지는 않았다. 그러나 중요한 개념들이 있어서 스스로 학습 키워드를 만들어 정리하는 방식으로 학습했다. 특히 JWT토큰을 클라이언트 측에서 저장하기 위한 방법에 대해 많은 고민을 했다. 클라이언트 측 저장위치에 따른 보안 이슈들이 존재하는데 해당 이슈들을 인지하려고 했고 해결 방법에 대해서 많이 찾아보았다. 

 

강의에서는 css를 많이 다루진 않지만 익숙해지기 위해  styled-components 사용해서 UI와 관련해서 마우스오버시 이벤트 처리 등을 시도해보았는데 코드들이 복잡해지기 시작했다. UI와 관련된 상태들이 우수수수....  UI와 관련된 상태들은 어떻게 관리하면 좋을지 고민하게 되었다.

 

실습을 하면서 자꾸 부족하다고 생각되는 부분이 많다고 느껴지니깐 공부의 방향성에 갈피를 못 잡았다.

강의에서 상태관리를 usestore-ts 사용하는데 과제를 할 때 usestore-ts 사용하는 방식으로 하지 않아서.. 여전히 이해하지 못한 채 사용하다 보니 테스트 코드를 작성하려고 하면  Mocking 하는 부분에서 막힌다. 그래서 Zustand를 사용해서 Mocking 하려는데 여전히 막힌다.... 그리고 생각보다 Zustand 사용법은 엄청 쉽다. 어찌어찌하다 보면 되지만 원리를 완벽하게 이해하고 쓰는 거 같지 않다...

다시 학습해야 할 건 많은데 진도가 느리다보니 조금 답답한 마음과 함께 혼란스러운 주차였다. 

 

 

🎯 학습이 더 필요한 부분

 

아주 보충해야 할 부분들이 산더미처럼 쌓였다..... 이제 뭔가 알것 같아 잘하고 싶은 욕심만 가득하다... 마음만큼 몸과 머리가 따라 주지 않는다. 멘털도 자꾸 흔들린다... 개념도 중요하지만 기능을 만들려는 시도도 중요하다. 만들어봐야 익숙해지는데 머리로만 생각하고 손이 움직이지 않는다. 내 방식대로 구현하지 못하더라도 흐름을 우선 파악해 보자. 밀린 강의를 듣고 흐름을 파악하고 하나씩 차근차근해보자💪🏻