강의 후기
React에서 클린 코드를 어떻게 작성할 수 있는지에 대해서 배웠다. 마지막 React 프로젝트가 오래되었음에도 불구하고 찔리는 부분이 있었다.
첫 번째, 불필요한 useEffect. 나도 모르게 첫 교재를 따라하면서 useEffect에서 Get API를 불러왔었던 것 같다. 이 부분은 컴포넌트 내부에 변수로 담아둘 수 있다. 그리고 여기서 상태를 잘못 관리하면 무한 루프에 빠질 수 있다. 렌더링하면 상태가 변경되고 상태가 변경되면 다시 렌더링되기 때문😂
두 번째, 상수는 컴포넌트 바깥으로 빼내기. 상수는 변하지 않는 값이다. 컴포넌트는 상태가 변할 때마다 리렌더링되는데 이때 컴포넌트 내부에 있는 상수도 당연히 리렌더링 되므로 바깥으로 빼내는 게 좋다.
세 번째, props 값을 state값으로 변환. 이 부분은 예제로 보는 것이 좋은데 대부분은 그럴 필요없이 처리가 가능하다고 한다.
네 번째, 플래그 값은 웬만하면 만들지 않는 것이 좋다고 한다. 이 부분은 리액트에서 공식적으로도 권장하지 않는다고 하는데 코드를 작성해봐야 알 것 같다.
이외에도 다양한 방법들과 요즘 리액트에 대해서 알아보았다.
PoC에 대해서도 알아보았는데, 이 부분은 한 번에 알 수 있는 부분이 아니라 호기심을 가지고 다양한 자료를 찾아볼수록 개발지식과 기술 선택에 대한 논리를 가지게 될 수 있을 것 같다.
강의 정리
- React에서의 클린 코드 작성법
- PoC
프리온보딩 전체 후기
블로그에 적지 않은 다른 주제들에 대해서도 많이 다뤘었다. 대표적인 것은 undefined vs null 이 있다. 클린 코드에 대한 강의였지만, 개발자로서 알아야하는 지식들을 많이 얻어가는 강의여서 유익하고 만족스러운 시간이었다. 앞으로도 원티드에서 진행하는 프리온보드 강의들에 대해서 관심있게 찾아보고 신청할 것 같다.
