정적? 동적? 웹사이트 화면은 어떻게 채워질까?

IT 지식의 중요성이 커진 가운데, 여러분은 어떻게 공부하고 있나요? 다양한 IT 강의 영상이 눈에 띄는데, 요즘IT에서는 ‘IT 강의 시리즈’를 통해 엄선한 교육 영상을 제공합니다. 필요한 정보를 빠르게 얻어보세요.

이번 강의는 ‘웹 개발 첫걸음’으로, IT 교육 기업 코드잇의 ‘프로그래밍 오버뷰’와 ‘웹 개발 기초 지식’ 콘텐츠를 요약했습니다. 다양한 개발 분야와 필수 기초 지식을 통해 웹 개발의 기초를 다질 수 있습니다. 전체 영상은 코드잇에서 확인하세요.

웹 개발 첫걸음 시리즈

① 프론트엔드와 백엔드, 무엇을 어떻게 시작할까?
② 웹사이트는 어떻게 찾아갈까? IP, DNS, URL 개념 잡기
③ 정적? 동적? 웹사이트 화면은 어떻게 채워질까?

이번 강의에서는 웹에서 정보를 주고받는 방법과 서버가 코드 정보를 보내는 두 가지 방법에 대해 다루겠습니다.

정적 웹 페이지와 동적 웹 페이지

서버가 코드를 보내는 두 가지 방법

웹 페이지 요청 시, 서버는 해당 HTML 코드를 브라우저에게 전송합니다. 이 과정에는 두 가지 방법이 있습니다.

첫 번째, 서버에 미리 만들어 둔 HTML 파일을 클라이언트 요청에 따라 제공하는 방식입니다.

두 번째, 틀만 만들어 놓고 서버가 요청에 따라 다양한 정보를 채워서 동적으로 HTML을 생성하는 방식입니다.

정적 웹 사이트, 동적 웹 사이트

정적 웹 페이지는 미리 제작된 HTML 파일을 그대로 제공하고, 동적 웹 페이지는 요청에 따라 서버가 내용을 채워서 제공하는 방식입니다.

데이터만 추가로 받아오기

사용자는 필요할 때마다 서버에 추가 데이터 요청을 할 수 있습니다. 이는 페이지를 이동하지 않고도 이뤄질 수 있습니다.

클라이언트는 데이터를 어떻게 추가로 요청할까?

클라이언트는 API를 통해 서버에 데이터 요청을 할 수 있습니다. 요청에 대한 응답으로 서버는 필요한 정보를 클라이언트에게 제공합니다.

마치며

이번 강의로 웹 개발에 대한 기본 지식을 쌓을 수 있습니다. 이는 개발자뿐만 아니라 PM, 디자이너, 마케터 등 다양한 직군에 유용합니다. 웹 개발은 매력적인 분야이며, 직접 만든 제품이 사용자에게 영향을 미치는 경험에서 큰 보람을 느낄 수 있습니다.

원본 강의 보러가기 https://bit.ly/4eY1tBd