Next.js
리액트에서 나온
리액트를 더 잘 활용하기 위한 프레임워크
Next.js를 왜 사용해야 할까?
1.SEO 최적화 가능
Next.js는 Framework, 말 그대로 기본적인 틀이 잡혀져 있고,우리는 그 안에서 규칙에 의해 코드를 작성하면 된다. 이는 Library인 React와 큰 차이라고 생각한다. 규칙이 존재한다는 것은 규칙을 통해 호환이 쉽다라는 뜻으로 이해된다.
CSR 과 SSR
- CSR (Client Side Rendering) : Client가 Server로 부터 Javascript를 다운받아
Browser에서 Javascript를 실행하여 화면에UI를 보여주는 것을 말한다. - SSR (Server Side Rendering)
1.Javascript가 동작하지 않는 환경에서는화면이 보이지 않는아 로봇들이 컨텐츠를이용할수 없다는치명적인 단점이 존재
- Javascript를 다운로드 전까지는
화면이 보이지 않는단점이 존재
이를 해결하기 위해 Server쪽에서 Javascript를 실행시켜 완성된 HTML을 건내준다. -> 이용자는 눈깜작 할 사이에 웹페이지가 완성된 상태로 화면을 접하게 되는 이점
2. Routing
- Next.js 는 실행되면 page.js를 첫번째로 찾는다.
- domain 뒤의 첫번째 segment는 폴더를 의미한다.
아직까지는 Routing이 어떻게 작동하는지, Dynamic Routing을 통한 페이지 이동방식만 이해했다. 이것들이 어떤 이점을 주는지에 대해 좀 더 알아가 보자.
- webpack, bundle에 대해 공부하기
제대로 된 개발을 하고 있는 건가?
배우는 모든 것이 새로운 입장에서, 새로운 기술이 이전의 불편함을 어떻게 개선하였고, 어떤 이점을 가지고 있는 지를 현재 단순 주입식 방법으로 배우고 있다. 물론 모든 분야에서 처음 배울 때는 이와 같을 것이다.
하지만 이 기술을 활용할 때 조차, 기술에 나의 의도와 관점을 관철시키지 못한다면 이 기술은 나의 기술일까? 라는 의문이 든다.
새로운 기술을 통해 개발환경이 편해지고, 개발의 리소스 또한 줄일 수 있는 것은 고무적이지만, 내가 사용하는 기술이 나의 의도에 적합한 기술인지, 그리고 필요한 기술인지가 항상 의심이 되며, 프로젝트가 커질 수록 어떤 차이를 만드는지 의문이 드는 것 같다.
Enchanté!