[Next.js] next.js 14에 emotion 적용하기
next.js 14에서 app 라우터가 정식 출시되며 CSS-in-JS 적용 방법도 달라졌습니다. 공식 문서에 따르면, CSS-in-JS는 클라이언트 전용이고, 서버 컴포넌트에서는 사용 불가능하다 합니다. 대부분의 라이브러리는 next.js에서의 CSS-in-JS를… 더 보기 »[Next.js] next.js 14에 emotion 적용하기
next.js 14에서 app 라우터가 정식 출시되며 CSS-in-JS 적용 방법도 달라졌습니다. 공식 문서에 따르면, CSS-in-JS는 클라이언트 전용이고, 서버 컴포넌트에서는 사용 불가능하다 합니다. 대부분의 라이브러리는 next.js에서의 CSS-in-JS를… 더 보기 »[Next.js] next.js 14에 emotion 적용하기
성능은 개발자가 개발을 완료한 후 어느 시점에 직면할 수 있는 일반적인 이슈입니다. 개발 시점에서는 성능 이슈가 느껴지지 않더라도, 실제로 프로덕션에 배포하면 개발 서버보다 속도가 느리게… 더 보기 »[React] 언제 useMemo와 useCallback 을 사용해야 할까? (번역)
“자바스크립트 엔진”은 자바스크립트 코드를 실행하는 소프트웨어입니다. 이 엔진은 주로 웹 브라우저나 Node.js와 같은 환경에서 사용되며, 자바스크립트 코드를 기계어로 변환하고 실행합니다. 다양한 브라우저와 환경에서 사용되는 여러… 더 보기 »자바스크립트 엔진
이번 포스팅에서는 자바스크립트 언어의 특징 및 사용 목적에 대해 알아보겠습니다. 자바스크립트(JavaScript)는 웹 브라우저에서 동작하는 스크립트 언어로, 주로 웹 페이지의 동적인 부분을 다루기 위해 사용됩니다. HTML… 더 보기 »자바스크립트 언어의 특징 및 사용 목적
Mongo DB란? 이번 포스팅에서는 Express에 MongoDB 설치 및 연결하는 방법에 대해 알아보겠습니다. 몽고DB(MongoDB)는 NoSQL 데이터베이스 시스템 중 하나로, MySQL 처럼 전통적인 테이블-관계 기반의 RDBMS가 아니며… 더 보기 »MongoDB 설치 및 연결하기 (with Express)
Express 라우팅 Express 라우팅 은 웹 애플리케이션에서 어떤 요청이 들어왔을 때, 그 요청을 어떤 코드로 처리할지를 결정하는 메커니즘이다. 라우트 정의에는 다음과 같은 구조가 필요하다. 다음… 더 보기 »Express 라우팅 쉽게 알아보기
기존의 React 애플리케이션은 대부분 클라이언트 측에서 작동하여 데이터 처리와 렌더링을 브라우저에서 수행했다. 하지만 서버 컴포넌트 를 사용하면 클라이언트와 서버 사이에서 컴포넌트를 공유하여 서버 측에서도 컴포넌트를 렌더링할 수 있다.
App Next.js는 페이지를 초기화하기 위해 App 컴포넌트를 사용한다. 이걸 덮어쓰거나 직접 변경할 수 있다. pages/_app.tsx 내의 코드를 수정하면 모든 페이지에 공통적으로 적용된다. 주요 사용 목적… 더 보기 »[Next.js] _app과 _document 알아보기
Next.js는 내장 Head 컴포넌트를 설정하여 메타데이터를 설정할 수 있다. 이 컴포넌트는 어떤 컴포넌트에서든 HTML 페이지의 <head> 내부 데이터를 변경할 수 있도록 한다. 즉, 동적으로 메타데이터,… 더 보기 »[Next.js] Head 컴포넌트로 메타 데이터 설정하기
웹 렌더링 방식이란 웹 페이지 또는 웹 애플리케이션을 웹 브라우저에 제공하는 방법을 의미한다. 서버 사이드 렌더링 (SSR) HTML을 웹 브라우저로 전송하기 전에 서버에서 전부 렌더링하는… 더 보기 »[웹] 렌더링 방식 (SSR, CSR, SSG)