최적화
react로 렌더링 할 때 최적화 하는 방법에 관해 공부했다. 프로젝트가 끝난 뒤 깊게 공부하면 좋을 것 같다. -> 최적화 포스팅
프로젝트를 진행하며 고민사항
고민 1. material-ui의 컴포넌트를 어떻게하면 잘 정리할 수 있을까?
material-ui를 쓰니 컴포넌트가 너무 길어지고 지저분해지는 경우가 많은 것 같다. 그래서 첫번째 생각한 방법이 material-ui의 컴포넌트는 하단으로 분리하고 그 컴포넌트를 상단에서 불러오는 방식으로 구현하였다.
const Menu = () => {
return (
<>
<PopoverPopupState menuList={menuList} />
</>
);
};위 코드를 보면 PopoverPopupState가 불러온 컴포넌트이다.
하지만 이렇게 하고 보니 렌더링 하는 코드를 보기 위해 하단에 PopoverPopupState를 찾아야 하는 단점이 있었다. 길어지는 코드는 최대한 분리하는 식으로 해서 코드를 잘 정리해야 할 필요가 있는 것 같다. 너무 길어지는 컴포넌트들은 파일로 따로 분리 작업을 하면 될 것 같다.
고민 2. 프로젝트를 진행하며 새로운 기술을 익히려니 어디까지 공부하고 프로젝트를 진행해야 할까?
우선 지금 속도가 너무 느렸고 마일스톤으로 정했던 기간을 훨씬 넘겼기 때문에 속도를 내는 게 우선이라 생각해서 material-ui를 얕게 공부 후 프로젝트에 적용했더니 페어가 많은 리뷰를 남기며 부족했던 사항을 잘 집어주셨다. 그리고 그 글들을 읽으며 개선하고 적용해 나가니 material-ui를 이해하기가 훨씬 더 쉬웠다. 너무 기능 구현에만 급급했던 내가 부끄러웠다. 앞으로 일을 하게 되면 프로젝트를 진행하며 새로운 기술들을 도입하는 경우가 많을 텐데 새로운 기술을 빠르게 익히고 활용하는 능력을 길러야 할 것 같다. 어렵더라도 공식 문서를 읽으며 익힌 것을 프로젝트에 적용하며 익숙해지는 방법을 많이 연습해봐야겠다.
프로젝트 리뷰
고민 3. 마일스톤을 지키려 노력하자
저번 주까지 하기로 한 작업을 화요일까지 하게 되었다. 속도를 내려 했는데 공부하며 프로젝트를 진행하니 쉽지 않은 것 같다. 내일부터는 일주일 단위보다 더 작게 하루 단위로 할 일을 정해놓고 지키려고 노력하면 좀 더 속도가 붙을까? 한번 시도해봐야겠다.
