nextjs 썸네일형 리스트형 NextJS 라우팅 원리 ReferencesRoutingDefining RoutesRoles of Folders and FilesNext.js 는 파일 시스템 기반 라우터이다.Folders: 라우트(경로)를 정의하기 위해 사용된다.Files: 파일들은 라우터 요소를 표현하는 UI를 생성하기 위해 사용된다.Route Segements각각의 폴더는 라우트 요소를 나타내며 이 요소들은 URL 요소에 그대로 맵핑된다.예를 들어 아래와 같은 URL 이 있을 경우tistory.com/dashboard/posts각각 app이란 최상위 폴더 하위에 dashboard 폴더가 생성되고, dashboard 폴더 하위에 posts 가 생성되는 격이다.그리고 각 폴더 내 page.js(또는 page.tsx) 파일이 라우트 요소의 UI 요소들을 표현한다.. 더보기 NextJS란? 설치하고 알아보기 React ?Facebook 에서 만든 Javascript 사용자 인터페이스 라이브러리개발된 이유초기에는 Web 개발을 위한 프론트엔드 라이브러리로 DOM조작을 쉽게 해주는 jQuery 라이브러리가 주로 사용되었다.그러나, 이에 한계를 느낀 개발자들이 컴포넌트 기반 UI 개발을 지원하는 라이브러리가 개발하였다. 대표적으로는 Angular, React, Vue 가 있다.React 를 사용하는 이유리액트는 자바스크립트 기반의 문법을 사용하기 때문에 자바스크립트에 익숙하다면 보다 쉽게 사용이 가능하다.특징가상 DOM(Virtual DOM)리액트는 브라우저가 관리하는 실제 DOM이 아닌 가상 DOM을 사용하여 UI 업데이트를 처리한다.단방향 데이터 흐름데이터의 흐름을 단방향으로 유지한다. -> 장점을 아직 이해.. 더보기 이전 1 다음