Web Programming52 4. browser의 동작 학습 목표 HTML파일이 올 때 브라우저가 어떻게 렌더링과정을 거쳐서 화면에 보이게 되는지 간단히 이해한다. 핵심 개념 Web Browser Rendering 학습하기 브라우저는 월드와이드웹(WWW)에서 정보를 검색, 표현하고 탐색하기 위한 소프트웨어입니다. 인터넷에서 특정 정보로 이동할 수 있는 주소 입력창이 있고 서버와 HTTP로 정보를 주고 받을 수 있는 네트워크 모듈도 포함하고 있습니다. 그리고 서버에서 받은 문서(HTML, CSS, Javascript)를 해석하고 실행하여 화면에 표현하기 위한 해석기(Parser)들을 가지고 있습니다. 브라우저마다 서로 다른 엔진을 포함하고 있습니다. 아래 그림이 대표적인 내용입니다. 사파리 브라우저에서 처리되는 webkit렌더링엔진의 처리과정출처 https:/.. 2019. 12. 17. 3. 웹 Front-End 와 웹 Back-End 들어가기 전에 웹은 프론트엔드(FE)와 백엔드(BE)로 나눠집니다. 우리가 인터넷을 하기 위해서 브라우저에서 웹을 탐색하곤 하는데요. 브라우저를 프론트엔드 또는 클라이언트라고도 합니다. 웹백엔드는 인터넷 사용자에게는 보이지 않는 것이죠. 각각의 역할을 기술적인 관점에서 알아보도록 하죠. 학습 목표 웹프론트엔드에 대한 역할과 기술적 구성 웹백엔드에 대한 역할과 기술적 구성 핵심 개념 HTML CSS JavaScript 클라이언트 서버 학습하기 웹프론트엔드? 사용자에게 웹을 통해 다양한 콘텐츠(문서, 동영상, 사진 등)를 제공합니다. 또한, 사용자의 요청(요구사항)에 반응해서 동작합니다. 웹프론트엔드의 역할 웹콘텐츠를 잘 보여주기 위해 구조를 만들어야 합니다.(신문,책등과 같이) - HTML 적절한 배치와 .. 2019. 12. 16. 2. 웹의 동작 (HTTP 프로토콜 이해) 들어가기 전에 사람과 사람이 전화 통화를 하기 위해서도 몇 가지 규약이 필요합니다. 서로 알아들을 수 있는 말을 사용해야 하며, 한쪽이 말할 때 다른 쪽에서는 들어야 합니다. 또한, 전화 연결이 끊어지면 더 대화를 할 수가 없습니다. 웹 브라우저와 웹 서버 간에도 서로 통신하기 위해서는 규약이 필요합니다. 이때 필요한 규약이 HTTP입니다. 이번 시간엔 HTTP에 대하여 알아보도록 하겠습니다. 학습 목표 HTTP프로토콜의 작동방식에 대하여 알아봅니다. HTTP프로토콜의 요청/응답 데이터 포맷에 대하여 알아봅니다. 핵심 개념 HTTP Request 형식 Request Method Response 형식 응답 코드 웹의 동작 (HTTP 프로토콜 이해)영상 우측 하단에 자막 스크립트 ON 설정을 한 후 강의를 .. 2019. 12. 13. 1. 웹 프로그래밍을 위한 프로그램 언어들 들어가기 전에 프로그램을 만들기 위한 프로그래밍 언어의 종류는 굉장히 다양합니다. 10년을 주기로 보통 40~50개의 프로그래밍 언어가 탄생하고 있습니다. 수 많은 프로그래밍 언어 중에서 어떤 언어를 선택하여 개발할 것인가? 도 프로그래밍을 처음 배우는 분들에게는 많은 고민을 안겨줍니다. 수 많은 프로그래밍 언어 중에서 어떤 언어를 선택하는 것이 좋을까요? 학습 목표 다양한 프로그래밍 언어의 종류에 대하여 알아봅니다. 웹 프로그래밍에 좀 더 최적화된 프로그래밍 언어의 장단점에 대하여 알아봅니다. 핵심 개념 저급언어 고급언어 컴파일러 학습하기 저급 언어 저급 언어는 기계 중심의 언어라고 말할 수 있습니다. 기계가 직접 알아들을 수 있는 말로 '프로그램 코드를 작성한다'고 말할 수 있습니다. 컴퓨터는 전기로.. 2019. 12. 13. 이전 1 ··· 10 11 12 13 다음
