WINK-(Web & App)/WINK 공홈 부수기 (5) 썸네일형 리스트형 [WINK 공식 홈페이지] Next.js 스터디 👨🏻💻 [frontend / 신진욱] Next.js 프레임워크를 사용하여 WINK 공식 홈페이지를 개발하기로 하여, 스터디 중 이해하는데 도움이 될 만한 포스트를 남겨보겠습니다.Next.js를 사용하여 개발을 하면 async, await을 자주 보게 될텐데 무엇인지 알아보겠습니다.서버 사이드 렌더링이란?클라이언트(브라우저)가 서버에 매번 데이터를 요청하여 서버에서 처리하는 방식입니다.즉, 클라이언트에서 요청이 들어올 때마다 매번 서버에서 새로운 화면(view)을 만들어 제공하는 것입니다. Next.js는 SSR 기반이다보니 기본적으로 컴포넌트는 서버 컴포넌트 입니다.그래서 Next.js는 서버 컴포넌트에 비동기/대기(async/await)를 도입하고 클라이언트 컴포넌트에 새로운 use() 훅을 도입하는 등 지원을 하고 있습니다. async .. [WINK 공식 홈페이지] Next.js 백엔드 정리 💫 [backend / 손대현] 서론우리 팀은 기존 Front-End만 존재하는 프로젝트를 엎는 것이 아닌, 기능 추가 및 업데이트 방식으로 프로젝트를 이어나가기로 했다. 일단, 기존 프로젝트의 스펙은 Next.js 13.1.6 버전을 사용하였는데, 2023년 10월 26일에 출시한 Next.js 14 버전으로 업데이트하고자 하였다. Next.js의 전반적인 지식은 백엔드 팀원인 유건 선배님이 작성하신 Next.js 블로그를 꼭 읽어보자.나는 많은 Next.js의 기능 중 백엔드에 집중하여 소개하고자 한다.React의 백엔드Full-Stack Framework 인 Next.js와 다르게 React는 Front-End Framework 이기 때문에 백엔드 코드를 React에서 작성하면 안 된다.물론 억지로 작성할 순 있지만, 보안적인 정.. [WINK 공식 홈페이지] Next.js 스터디 정리 💫 [backend / 유건] 공식 docs. 를 통해 넥제스를 공부하면서 느낀건, Next.js는 풀스택 프레임워크이지만 프론트엔드 성향이 좀 더 짙어서 SSR을 공부하기 전까지는 아직 프론트엔드에 대한 기초 지식이 필요하다고 생각이 든다.(프론트엔드는 너무 어려워) 지금까지 공부했던 내용들을 정리해보고자 한다.1. Next.js란?Next.js는 풀스택 웹 애플리케이션을 구축하기 위한 React 프레임워크이다. React 구성 요소를 사용하여 사용자 인터페이스를 구축하고 Next.js를 사용하여 추가 기능과 최적화를 수행할 수 있다. 2. Next.js 시작하기다음 명령어로 프로젝트를 생성할 수 있다.npx create-next-app@latest 이 방식은 react, react-dom, next 라이브러리를 자동적으로 설치해주.. WINK 공홈 Next.js 스터디 부터 시작하기 💫 (backend/이정욱) 과연 무슨 주제로 블로깅을 해야할까?위 내용을 고민하던 도중에 우리가 첫 회의 전에 카톡방이 개설되고나서 고민했던 내용에 대해 블로깅 하기로 정했다.백엔드 프레임워크는 어떤 것으로 해야할까? (Next.js vs Nest.js)얼핏 보기에 이름이 비슷한 두 프레임워크에는 어떤 차이점과 장단점이 존재할까?얘기가 나왔던 프레임워크들의 후보로는Spring bootExpress.jsNest.jsNext.js다음과 같은 후보군이 있었다. 각 프레임워크의 특성을 비교해보고 우리 프로젝트(WINK 공홈 다 때려 빠뿔기)에는 어떤 프레임워크가 적절할 지 나름의 고민을 해보았다.Spring BootSpring Boot는 Java로 애플리케이션을 만들 때 사용하는 웹 프레임워크이다. Java 언어를 기반으로 해서 Java.. WINK 공홈 Next.js 스터디 부터 시작하기 💫 (frontend/조다운) 🥨 개요WINK 에서 공식 홈페이지 리뉴얼을 시작하기를 앞두고, 리액트와 뷰만 써본 나에게 next.js 로 배포된 공식 홈페이지를 리뉴얼 하는 미션이 주어졌다 (내가 주웠다) 마침 노마드 코더에 부담스럽지 않은 Next.js 무료 강의가 있어 수강하고 블로깅 하게 되었다. 틈틈히 보다 보니까 오래 걸리게 된 이슈가 있다 진짜 열심히 봤음팀장이 (내가) 일요일 까지 블로깅 꼭 하라고 했는데 일요일이 되자 그런 규칙 만든 팀장 (나) 이 원망스러웟다포기할 뻔 암튼 공홈 부수기 화이팅~🥨 INTRODUCTION라이브러리 vs 프레임워크라이브러리는 사용자가 전체적인 흐름을 만들고 필요한 라이브러리를 자유롭게 호출하여 사용하는 것이고 프레임워크는 주도권을 프레임워크가 가지고 있으며 프레임워크의 흐름에 맞게 .. 이전 1 다음
