Dev/Frontend (React & Next.js)2 8. Next.js 저번 글에서 SPA 장점은 웹사이트를 앱처럼 개발한 것이니 아이콘 등을 전부 지원하니 한번 개발하면 끝, HTML 내용을 전체 불러오지 않으니 페이지 이동방식보다 데이터 소모가 적다고 했다 : 하지만, 가장 큰 단점은 검색엔진의 노출이 안되는데, 여기에 SSR이라는 해결방식이 존재한다고 했었다 여기서 SEO(Search Engine Optimization, 검색 엔진 추적)를 알아볼 필요가 있다 : 구글, 네이버 등 다양한 검색 엔진들이 있음 : 이 검색 엔진들은 봇이 존재해서, 매 시간마다 웹사이트 내용을 한 번씩 모두 읽어드린 다음에 그 검색 엔진을 만듦 : 그래서 어떤 키워드하고 매칭되는 게 있으면 해당 페이지 내용을 보여줌 : 그래서 이러한 구글 등이 우리의 웹사이트 내용을 잘 긁어가야 구글 검색.. 2025. 3. 29. 7. React 기초 SPA란 무엇인가?SPA(Single Page Application)란 HTML 페이지에서 동적으로 콘텐츠를 변경하여, 웹 애플리케이션이 앱처럼 동작하도록 하는 개발 방식이다. 먼저 SPA(Single Page Application)를 이해하고 넘어가야함 : 반응형을 저번에 이야기 많이 했음 : 스마트폰 때문에 나왔다고 할 수 있음 : 데이터가 깜빡하면서 바뀌지 않고 자연스럽게 바뀌었음 : 근데 페이지 전체를 로딩할 때, 이동할 때 잠깐 깜빡이는 것을 볼 수 있음 : 웹 개발자는 웹이 앱처럼 작동했으면 좋겠다고 생각함 : 방법? : 백 단의 AJAX 통신으로 데이터 받고 일부분만 바꿔치기 : 앱 같이 보임 : 이러한 일련의 과정을 구현하는 것이 SPA이며, 이 과정에 도움을 주는 Framework에는 .. 2025. 3. 20. 이전 1 다음
