Etc/Naver Boost Course Web17 Part 01 웹 프로그램 언어의 기초_07 Naver BoostCourse Full-Stack Developer Course Part 01 웹 프로그래밍 기초 06. 웹서버 ※ Intro - 웹 브라우저를 실행한 후 주소 입력창에 URL 주소를 입력 -> 그 URL 주소에 해당하는 결과물이 화면에 나타남- 우리가 현실에서 주소를 보고 집을 찾아가는 것처럼 웹 브라우저는 URL 주소에 해당하는 웹 서버(Web Server)에 연결하고, 해당 주소에서 볼 수 있는 내용을 읽어 들여 보여주게됨- 웹 브라우저의 요청을 받아 HTML 문서나 오브젝트를 반환하는 웹 서버에 대해 알아보자. ※ 학습 목표 1. 웹 서버의 기능2. 웹 서버의 종류 ※ 핵심 개념 ● Apache● Ngnix● HTTP● 클라이언트 (Client)● 서버 (Server) ※ 웹 서.. 2018. 8. 13. Part 01 웹 프로그램 언어의 기초_06 Naver BoostCourse Full-Stack Developer Course Part 01 웹 프로그래밍 기초 05. browser에서의 웹 개발 ※ Intro - 웹 클라이언트 코드는 브라우저 안에서 동작함- HTML, CSS, JavaScript 의 실제 소스코드를 보면서 웹페이지 소스의 구성을 살펴보자. ※ 학습 목표 1. HTML 요청 이후 브라우저에서 해석되는 웹페이지(HTML) 안의 내용 구성과 소스코드를 어떻게 위치시키면 될지 이해 ※ 핵심 개념 - Browser 안에서 동작할 수 있는 HTML, CSS, JavaScript 의 코드 구현 방법 ※ HTML 문서구조 - 뜯어보자 웹 사이트!- 크롬 브라우저 설치하기- 크롬 브라우저를 열고 크롬개발자도구 열기 - 윈도우(Ctrl + Shi.. 2018. 8. 12. Part 01 웹 프로그램 언어의 기초_05 Naver BoostCourse Full-Stack Developer Course Part 01 웹 프로그래밍 기초 04. browser의 동작 ※ Intro - 웹을 통해서 전달되는 데이터는 어딘가에서 해석되어야함.- 서버에서 전송한 데이터(ex: HTML 등)가 클라이언트에 도착해야할 곳은 'Browser'임.- Browser : 데이터를 해석해주는 파서와 데이터를 화면에 표현해주는 렌더링엔진이 포함되어 있음.- 브라우저의 내부를 이해하면 웹 개발을 하면서 맞닥뜨리는 난해한 문제를 해결할 수 있고, 보다 최적화된 웹개발을 할 수 있음. ※ 학습 목표 - HTML 파일이 올 때 브라우저가 어떻게 렌더링 과정을 거쳐서 화면에 보이게 되는지 간단히 이해하기 ※ 핵심 개념 - Web Browser Rende.. 2018. 8. 9. Part 01 웹 프로그램 언어의 기초_04 Naver BoostCourse Full-Stack Developer Course Part 01 웹 프로그래밍 기초 03. 웹 Front-End 와 웹 Back-End ※ Intro - 웹은 프론트엔드(FE) 와 백엔드(BE)로 나눠짐- 브라우저를 프론트엔드 또는 클라이언트라고 함.- 웹 백엔드는 인터넷 사용자에게는 보이지 않는 것임 ※ 학습 목표 1. 웹 프론트엔드의 역할 및 기술적 구성2. 웹 백엔드의 역할 및 기술적 구성 ※ 핵심 개념 - HTML- CSS- JavaScript- 클라이언트- 서버 ※ 웹프론트엔드 - 사용자에게 웹을 통해 다양한 콘텐츠(문서, 동영상, 사진 등)을 제공함. 웹에서는 리소스라고도 함. - 웹 페이지가 원래는 하나의 문서. - 사용자의 요청 (요구사항) 에 반응해서 동작.. 2018. 8. 9. Part 01 웹프로그래밍 언어의 기초_03 Naver BoostCourse Full-Stack Developer Course Part 01 웹 프로래밍 기초 02. 웹의 동작 (HTTP 프로토콜의 이해) ※ Intro - 사람과 사람이 전화 통화를 하기 위해서는 몇 가지 규약이 필요함- 서로 알아들을 수 있는 말을 사용해야하며, 한쪽이 말할 때 다른 쪽에서는 들어아함- 전화 연결이 끊어지면 대화를 할 수 없음 - 웹 브라우저와 웹 서버 간에도 서로 통신하기 위해서는 규약이 필요함- 이때 필요한 규약이 HTTP 이다 ※ 학습 목표 1. http 프로포콜의 작동방식2. http 프로토콜의 요청/응답 데이터 포맷 ※ 핵심 개념 ● HTTP● Request 형식● Request Method ● Response 형식● 응답 코드 ※ 인터넷 (네트웍 통신).. 2018. 8. 4. Part 01 웹프로그래밍 언어의 기초_02 Naver BoostCourse Full-Stack Developer Course Part 01 웹 프로래밍 기초 웹 프로그래밍을 위한 프로그램 언어들- 프로그램을 만들기 위한 프로그래밍 언어의 종류는 굉장히 다양함- 10년을 주기로 보통 40~50개의 프로그래밍 언어가 탄생하고 있음 학습 목표- 1. 다양한 프로그래밍 언어의 종류에 대해 알아보자- 2. 웹 프로그래밍에 좀 더 최적화된 프로그래밍 언어의 장단점에 대하여 알아보자 핵심 개념- 저급언어- 고급언어- 컴파일러 저급언어- 기계 중심의 언어- 기계가 직접 알아들을 수 있는 말로 '프로그램 코드를 작성한다'- 컴퓨터는 전기로 동작. 즉 전기신호인 켜졌다(on), 꺼졌다(off) 2가지 상태 값으로 동작함- 보통 숫자로 켜졌다는 1(on), 꺼졌다는.. 2018. 8. 1. Part 01 웹 프로그래밍 언어의 기초_01 Naver BoostCourse Full-Stack Developer Course Part 01 웹 프로그래밍 기초 Intro- 웹에 대한 기본 이해- 웹클라이언트와 웹백엔드의 역할 이해- HTML 구조화 설계- CSS 기본 스타일 꾸미기- JAVA 기반의 웹 백엔드 환경을 구성- 서블릿을 이해하고 기본 구성하기 학습 목표- [웹 프론트엔드]- 웹 페이지 구성을 위한 HTML 학습- 스타일을 적용하기 위한 CSS 학습 - [웹 백엔드]- 웹이 어떻게 동작하는지- 웹 서버는 무엇이고 웹 애플리케이션 서버는 무엇인지 학습- 서블릿 Part1 에서 요구되는 역량- 주어진 요구 사항에 맞는 HTML 과 CSS 학습- 클라이언트와 서버가 무엇인지 학습- 클라이언트의 요청부터 백엔드의 응답까지 어떤 과정들을 거치는.. 2018. 8. 1. 이전 1 2 다음
