[Next.js] API 라우트 / 미들웨어 / CORS
·
Frontend/Next.js
API 라우트 - next.js 에서는 API 라우트를 만들어 서버리스 함수를 쉽게 구현할 수 있도록 해주는 기능이다. API 라우트를 통해 별도의 서버 설정 없이도 서버 측 로직을 작성하고, 클라이언트 측과 데이터를 주고 받을 수 있다.  `pages/api` 디렉토리에서 사용할 수 있으며, 파일 기반의 라우팅 시스템을 따른다.서버리스 함수(Serverless Functions) : 클라우드 컴퓨팅에서 서버를 직접 관리하지 않고, 코드만 작성하여 클라우드 제공자가 알아서 실행해주는 일종의 서버 측 로직이다. 개발자는 함수 코드 작성에만 집중하고, 클라우드 제공자가 자동으로 서버를 프로비저닝, 확장, 관리하며, 함수가 호출될 때만 비용이 청구되는 방식으로 동작한다. 특징)자동 확장 : 요청 수에 따라 자..
[Next.js] next.js 시작하기 ( next.js란? / 장점 / 동작과정 / 프로젝트 생성 )
·
Frontend/Next.js
💡 next.js 알게된 것 - v8 엔진 (검색 엔진) 을 통해 구글 맵 개발 가능 - 서버와 통신할 수 있는 react 라이브러리 - SSR (server side randering) - 풀스택 프레임워크  - 싱글 페이지 어플리케이션 - 라이브러리((react) : 내가 미리 만들어둔 함수를 가져다 쓸 수 있다. 수정 가능, 원하는 대로 유연하게 대처 가능 - 프레임워크(vue) : 코딩하는데 한계가 있음 SSR이란 ? - 서버 사이드 렌더링은 웹 애플리케이션에서 클라이언트 측에서만 렌더링되던 부분을 서버에서도 렌더링하여 완전한 HTML 문서를 클라이언트에게 제공하는 기술이다. 즉, 서버로 부터 요청해서 받은 내용을 브라우저 화면에 표시해주는 기술이다.  SSR은 클라이언트와 서버 간의 협력으로 ..