React 10주년 기념 Delba de Oliveira(Vercel)와 React 코어 팀의 Andrew Clark, Sebastian Markbåge의 React, Server component에 대한 탁상 토론이 있었다.

Next.js에서 제공하는 middleware 함수를 사용하면 경로에 접근하기 전에 요청 헤더에 접근할 수 있어 요청에 따른 Redirection 등을 손쉽게 수행할 수 있다. 이 점을 이용해 로그인 여부에 따른 Redirection을 구현해보자

next/font 를 사용하면 폰트를 최적으로 로드 할 수 있다. 모든 글꼴 파일에 대한 자동 자체 호스팅이 내장되어 있어, 레이아웃 이동 없이 최적으로 글꼴을 로드 할 수 있다. 그 중에서 next/font/local을 ChakraUI와 함께 사용해보자

SSG를 사용하면 전체 HTML 웹 사이트를 자동으로 생성해 서버 요청 없이 빠르게 제공할 수 있다. 이를 바탕으로 JAMstack은 더 나은 보안, 성능 및 개발 경험을 제공한다. JAMstack의 개념과 SSG를 사용한 웹 사이트 개발 방법에 대해 이해해보자

지난 글에서 웹사이트 속도의 중요성을 배웠다. 웹사이트 성능을 개선하는 건 웹사이트로 트래픽을 유도하고 사용자를 유지하는 데 필수적이다. 웹사이트 속도를 높이기 위해 취할 수 있는 몇 가지 방법을 알아보자

웹 사이트 로드 시간이 길면 사용자 경험, 사이트 트래픽 및 SEO에 부정적인 영향이 있을 수 있다.웹 사이트의 성능, 속도가 이들에 어떻게 영향을 주며 그것을 어떻게 측정할 수 있는지 자세히 알아보자.

Next.js는 페이지를 어떻게 렌더링할까? Data fetching을 할 때, 사용에 따라 다양한 방식으로 렌더링할 수 있다.

인증(Authentication) 전략은 보호된 리소스에 대한 액세스 권한을 부여하기 위해 사용자 또는 시스템의 신원을 확인하는 데 사용되는 방법 또는 기술이다. 인증이 무엇이며 어떻게 작동하는지 알고 애플리케이션에 대한 인증 전략을 선택할 때 더 나은 결정을 내려보자

웹사이트를 렌더링하는 패턴이 10가지나 있다고? CSR, SSR부터 SSG, ISR 등에 이르기까지 렌더링 방식이 무엇을 위해, 어떻게 진화해왔을까?

웹의 힘은 "보편성"에서 나온다. 거대한 네트워크가 모여 웹의 힘을 만든다. 그 네트워크에서 장벽을 세우는 개발자가 되지 말자.

CSS 최적화로 브라우저 렌더링을 최적화해보자

DOM에 대해 공부해보자

검색 엔진 최적화(SEO, Search Engine Optimization) : 검색 엔진이 사이트를 찾기 쉽도록 개선하는 프로세스

"Internet is for EVERYONE, but it won't be unless WE make it so." Vint Cerf, 7. April 1999

W3C에 따르면 시맨틱 웹을 사용하면 애플리케이션, 기업 및 커뮤니티에서 데이터를 공유하고 재사용할 수 있다.

인터넷의 전화번호부 DNS(Domain Name System)에 대하여

자바스크립트의 클래스에 대하여

브라우저는 널리 사용되는 소프트웨어다. 이 글을 통해 브라우저 주소 창에 google.com을 입력했을 때 브라우저가 어떻게 동작해서 구글 페이지가 화면에 보이게 되는지 알아보자. 왜 중요할까 > 빠른 사이트는 더 나은 사용자 경험을 제공한다. 사용자는 로딩 속도가

Internet : What is HTTP?

var 키워드로 선언한 변수의 문제점에 대해 알아보고 let, const 키워드와 블록 레벨 스코프에 대해 알아보자