[2주 프로젝트] D+7 - 프론트엔드 코드 작성

2021. 12. 19. 일.

 

[오늘 구현한 것]

- 상품등록페이지 모달화시키기 : 예전에 Styled-Component를 공부하면서 배운 모달 코드를 보고 복습하였다.

- 로고를 클릭하면 처음 랜딩 페이지로 돌아가도록 하는것 구현 : React에서 navigate 함수 사용.

지난번에 공부할때는 useHistory 함수를 사용하여 그대로 사용했더니 계속 에러가 발생하였다.

에러를 찬찬히 읽어보니 version 6부터는 사용하지 않는다는 내용.

useHistory가 아닌 navigate를 사용해야한다.

- list 데이터를 props로 어떻게 가져오는지 연구.

- 오후 2시부터 같은 프론트엔드 팀원과 회의를 하였다. 로직이 꼬이는 부분이 있어 내일 팀원들과 전체적으로 다시 회의를 해야할 듯하다.

 

[느낀 점]

- 구글링이 얼마나 중요한지 다시한번 깨달았다. 조금만 구글링을 하면 내가 원하는 답변을 생각보다 쉽게 찾을 수 있다는 사실을 알게되었다. 막히는 부분이 있으면 좌절하지말고 열심히 구글링을 해보자!

- 아직 어떤 걸 컴포넌트화 시켜야 하는지 감이 잘 오지 않는다. 컴포넌트로 만들다가 오히려 하나하나 태그로 하는게 더 나은 것 같아 다시 컴포넌트파일을 지우고.. 하면서도 아직 감이 잘 오지 않는다. 어렵다.

 

[반성할 점]

- 협업의 중요성을 다시한번 깨달았다. 혼자 코드를 작성하다가 문득 내 생각대로 바꾸는 듯한 느낌이 들어서 같은 프론트엔드 팀원에게 죄송했다. 

다행히 팀원분이 수정하고 설명만 해주면 괜찮다고 해주셨다.

나 혼자가 아닌 팀원들과 함께 하는 작업이라는걸 항상 의식하자.

코드가 변경되는 부분이 있으면 차근차근 이해하실 수 있게 설명을 잘 해 드리자.

- 변수명의 중요성을 깨달았다. 급하다고 변수명을 아무거나 지어버리니 시간이 지나면서 굉장히 많이 헷갈리기 시작한다. 변수명 정리를 해야겠다.