Skip to content

언어 및 React vs Next.js 논의

Jimin Yu edited this page Mar 28, 2024 · 1 revision

TypeScript

  • 가독성과 확장성이 좋다.
  • 유지보수가 용이하다.
  • 안전성을 높일 수 있다.
  • Javascipt 와 비교 했을 때 위의 장점들이 확실하기 때문에, 해당 언어로 결정하였다.

React vs Next.js

  • React → 컴포넌트 별 분리, 확장성 많음 (단점을 극복해보자 : 개발 속도 ⇒ 클린 코드(최적화)를 더욱 신경쓰기)
    • 러닝커브가 훨씬 낮다. (플젝 기간 고려)
  • Next.js → SSR, SEO, 최적화 적합, 개발속도+확장성(개발 속도에서 유리한 점은 무시할 수 없는 장점)
    • scss 가져가야함

작은 추가 고민

pretask 진행 기간 중 넥제 도입을 고민하게 되어 다양한 논의 진행

  • 이미지 렌더링
  • og tag 사용한 정보 자동 입력

위 두 가지 부분 관련해서 Next.js를 도입해야 할지 고민하게 되었다.

다시 리액트 유지하는 것으로 프로젝트 방향 결정

  • 전반적인 서비스 플로우에서 이미지가 자주 나오기는 하지만 토너먼트의 경우에는 2개 정도의 이미지만 나오고 아주 많은 양의 이미지를 한 화면에 우르르 띄우는 뷰는 없다고 생각되는 점
  • 리액트에서도 이미지 최적화가 가능하다는 점
  • Next.js 도입의 주된 이유가 이미지 렌더링이라면 도입을 재고하고 싶은 게, 넥제의 SSR과 서버 컴포넌트를 이미지 렌더링 목적으로 쓰는 게 적합한가?라는 생각이 들었기 때문

결론

React, Typescript 구성으로 결정.


참고자료

리액트로 이미지 최적화하는 방법 참고자료

Clone this wiki locally