Frontend-Roadmap

Internet : How does the internet work?

Internet : What is HTTP?

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

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

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

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

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

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

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

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

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

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

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

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

URL의 변경, 혹은 접근 권한 등의 이유로 Redirection은 꼭 필요하다. Server Side Redirection과 Client Side Redirection에 대해 살펴보자