November 05, 2022
🧐 NextJS란? NextJS : React에서 서버 사이드 렌더링을 간편하게 해주는 프레임워크 작동 원리 Next.js는, 기본적으로 서버측에서 React코드를 실행한다. React.js를 서버측에서 pre-rendering하여 html을 생성하고, 브라우저로 보내준다. 그 후, 브라우저에서 React를 사용해 웹페이지를 완성한다. ➡ 결과 : 속도가…
November 10, 2022
app/ Directory app/ 디렉토리 구조는 beta버전이기 때문에 실제 프로덕션 레벨에서는 권장되지 않는다. 기존에는 pages 디렉토리 안에 파일을 생성하여 Automating Routing을 실행했지만, 13버전부터는 app/이라는 새로운 디렉토리가 등장하였다. 파일 시스템 기반에서 디렉터리 기반 라우팅 시스템으로 전환하였다. 현재는 page…
November 19, 2022
✨ Next-Auth란? Next.js에서 소셜 로그인 기능을 쉽게 추가하고 관리할 수 있는 Node.js 라이브러리 (Authentication)📝 Next-Auth Docs 바로가기 Installation 🔎 Next Auth 설정하기 1. Google OAuth 인증 정보 발급 Next Auth를 설정하기에 앞서 사용하고자 하는 API의 Client…
December 05, 2022
1️⃣ MongoDB 프로젝트 생성 https://www.mongodb.com/ 홈페이지에서 회원가입 후, 프로젝트를 생성 한다. 생성한 프로젝트에 데이터 베이스를 추가한다. Free 버전 선택! Security > Database Access 에서 사용자를 추가한다. 이때 패스워드는 나중에 쓰이므로 저장해둘 것! Security > Network Acce…
October 10, 2023
NextJS 14 주요 업데이트 Next.js 14 버전에서는 서버 컴포넌트(Server Components)와 서버 액션(Server Actions)이라는 두 가지 기능이 업데이트되었다. 14 버전의 주요 개선점 개발자 환경 및 생산성 향상 유저가 다운로드하는 자바스크립트 코드 감소 많은 코드와 라이브러리 삭제 가능 1. 서버 컴포넌트 서버 컴포넌트는 …