웹 구동 방법 (웹 기초 / 웹 입문 / 웹 개발 / 프론트엔드 / 백엔드 / 네트워크)

웹 Web 

World Wide Web 쉽게 말해 인터넷으로 연결된 정보공간

 

네트워크 network

네트워크란 컴퓨터와 컴퓨터 사이를 연결한 것

 

-> 프로토콜 / IP주소 / port

= 어떤 방식(프로토콜)로 어디에 있는 컴퓨터(IP주소)에 어떤 프로그램(port)을 연결할 것인가?

 

• Protocal 프로토콜 : 통신을 위해 정해놓은 절차
• IP주소 : 네트워크 통신을 위한 고유주소 
• port : 컴퓨터 내 프로세스로 가는 주소 (프로그램 식별 / 서버 구분)

 

HTTP Hypertext Transfer Protocal : 서버와 클라이언트가 인터넷상에서 데이터를 주고 받기 위한 무상태(Stateless) 프로토콜 방식

 

 

도메인 Domain : 사람들이 쉽게 네트워크를 식별할 수 있게 한 것 -> 네트워크 영문 주소를 뜻 함

URL : 특정 웹 서버의 특정 파일에 접근하기 위한 경로

소켓 Socket : 네트워크 상 데이터를 입출력하기 위한 장치, 프로세스 간 통신에 사용

 

 

 

 

 

[웹 구동 방법]

웹 브라우저 (클라이언트) ------- 연결 -------- 웹서버

 

웹 브라우저 (클라이언트) -- 웹 페이지를 렌더링 한다는 요청 --> 프로토콜 (HTTP) --> 웹 서버

웹 브라우저 (클라이언트) <-- HTML, CSS, JS 반환 / 응답 -- 웹 서버  

 

웹 브라우저 (클라이언트) ------- 연결 해제 -------- 웹서버

 

---

프론트엔드

웹 클라이언트 요청 서비스를 개발 담당

 

web server : 정적인 콘텐츠를 제공하는 소프트웨어

종류) Apache / Nginx 등

 

HTML : 웹 페이지의 내용과 구조 정의 -> 화면 구성

CSS: 웹 페이지의 디자인 스타일 요소 표현 -> 화면 디자인

Javascript : 웹의 동작 담당 / 웹 브라우저에서 바로 실행되는 동적인 언어 -> 화면의 모든 동작 처리

 

Browser Engine

 

백엔드

서버와 데이터 관리 담당

 

WAS (Web Application Server) : 동적인 컨텐츠를 제공하는 소프트웨어

종류) tomcat / jeus 등

 

• tomcat : Servlet과 JSP 사용

 

API : 프로그램이 다른 프로그램에 동작/데이터 요청하기 위해 전송하는 명령어

Node.js : js를 서버에서 실행해 요청을 분석해 응답하는 기술

-> Node 는 계층 구조

-> Node간의 관계로 접근

 

 

출처 : '커리어 스킬'의 22장 웹 개발이란 무엇인가

https://book.naver.com/bookdb/book_detail.nhn?bid=14722396

커리어 스킬

출처 : 부스트코스 <웹 프로그래밍(풀스택) 강좌>

www.boostcourse.org/web316

웹 프로그래밍(풀스택)

출처 : How Browsers Work

www.html5rocks.com/en/tutorials/internals/howbrowserswork/#HTML_Parser

How Browsers Work: Behind the scenes of modern web browsers - HTML5 Rocks