일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- react native safeArea
- styled component 작동안함
- gsap 기초
- RN navitate push
- React-Native IOS
- React Native navigation
- JS
- SafeArea 커스텀
- React-Native 공부
- React Native SafeArea Custom
- react이론
- reactnative 웹뷰 페이지 로딩
- styled component
- styled component 작동 안될때
- input 숫자입력
- 임고미
- 트윈맥스 기초
- scrollIntoView scrollTo
- styled component is not working
- 퍼블리셔
- gsap
- 타입스크립트
- 웹뷰 페이지 로딩
- react
- safari wiondow.open
- js 특정 위치로 이동
- rn webview page loading
- 프론트앤드
- slick slider 간격
- 리액트
Archives
- Today
- Total
개발공부 임고미
[Front-end] Next.js 뽀개기 [1] - 왜 Next? 본문
728x90
300x250
React만 사용해 봤었는데.. 회사에서 Next.js를 사용해서 새로 공부를 하게 되었다.
먼저 React와 Next의 가장큰 차이점은 SEO와 첫랜더링 속도 차이 인것같다.
정리하자면
React.js | Next.js |
CSR | SSR |
첫 랜더링은 느리지만 이후엔 빠름 | 서버에서 뷰를 그려오기떄문에 상대적으로 느림 |
SEO가 걸리기 힘들다. 첫 html에있는 정보만 알고 바뀌는 페이지의 meta를 읽지 못함 | SEO유리하다. 서버에서 그려오기때문에 바뀌는 정보들로 받아온다. |
그러면, React와 Next중 Next를 선택해서 사용하는 이유는 뭘까?
가장 큰 이유는 SEO라고 생각한다. 그렇다면 SEO란 무엇일까?
SEO = 검색엔진 최적화 로서, 검색엔진이 이해하기 쉽도록 홈페이지의 구조와 페이지를 개발해 검색 결과 상위에 노출될 수 있도록 하는 작업을 말한다.
즉, 우리 서비스가 사용자들에게 검색으로 노출되어야하는 프로젝트라면 React보다는 SEO에서 유리한 Next를 선택하면 좋다는것이다.
장점을 극대화 시켜보자 (SEO)!!!!
그렇다면, SEO를 가장 효율적으로 할 수 있는 방법은 무엇일까 ?
너무 잘 정리가 되어있는 글이 있어서 공유해보고자 한다.
728x90
300x250
'프론트엔드' 카테고리의 다른 글
[React Native] 웹뷰내에서 페이지 로딩값 구하기 (0) | 2022.10.21 |
---|---|
[TypeScript] 알고쓰자 TypeScript! [1] (0) | 2022.06.17 |
[TypeScript] 알고쓰자 TypeScript! (0) | 2022.06.17 |
[Frontend] Loopback filter값안에서 특수문자 검색 (0) | 2020.10.08 |
Comments