React에서 Next로 전환 경험 공유

프로젝트 시작하며.

1. 배경

신규 프로젝트의 기술 스택을 결정하는 시점에서 기존의 ReactJS가 아니라 Framework를 도입하면서 가져올 수 있는 이점과 러닝커브에 대한 이야기를 나누게 되었고 경험을 공유하는 세미나를 통해 팀원들을 설득할 시간을 부여받게 되었다.

2. 기술 선정 기준

다음과 같은 평가 기준으로 검토한 후 각 부분에 대해서 의견을 공유하였다.

1. Learning Curve(학습 비용) : 초심자가 쉽게 학습할 수 있는가?

2. Community size(커뮤니티 활성도) : 이슈가 발생했을 때, 커뮤니티에서 답을 찾을 수 있는가?

3. Compatibility(호환성) : 기존 코드에 같이 쓸 수 있는가?

• NextJS vs SvelteJS vs Remix

	NextJS	SvelteJS	Remix
Learning Curve	Low	High	Low
Community size	Big	Small	Small
Compatibility	High	Low	High

모든 부분에서 NextJS가 현재 팀에는 잘 맞았다.

기본적으로 React를 쓰는 팀이라 기존 코드를 쓸 수 있으며 커뮤니티 크기가 큰 부분이 주된 요인인 것 같다

3. React에서 대두된 문제

• 첫 페이지 로딩시간

• 공통 라우팅 파일 관리

• 최적화

• 렌더링 지원

• 3rd party 의존도

NextJS로 일부 해결이 가능하지만 ReactJS에서 해결하지 못하는 문제는 아니다

-> 한정된 리소스에서 DX(개발자 경험)를 올려주는 것만은 분명하다

프로젝트를 마치며.

프로세스를 개선하기 위한 많은 도구와 라이브러리들이 있다. 기술 제안을 하기위해 다시 정리하며 해당 기술의 본질에 대해 한 번 더 생각해보았다.

1MB

보이지 않는 개선- ReactJS에서 NextJS 전환 경험 공유_2315_정승덕.pdf

pdf

발표자료

Next Step.

신규 프로젝트의 기술 스택을 결정하는 시점에서 NextJS를 팀원들에게 설득할 수 있는 시간이었다. NextJS보다는 ReactJS의 Framework라는 방향으로 진행을 했었는데 NextJS가 제공해주는 기능을 잘 활용할 수 있도록 보너스 세션을 진행해보는 것도 좋을 것 같다.