21/10/31 웹개발의 이해(2)

<웹 프로그래밍 (풀스택) - 웹개발의 이해> 수강중

 

# CSS의 뜻

Cascading Style Sheets

 

cas·cade  1. 작은 폭포  2. 폭포처럼 쏟아지는 물  3. 폭포처럼 흐르다

cascading 계단식

 

 

 

# 브라우저의 동작

브라우저의 구성 요소

사용자 인터페이스 = User Interface, UI

 

 

렌더링 엔진의 동작 과정

렌더링 엔진은 요청한 콘텐츠(HTML, XML, 이미지 등)를 표시하는 일을 한다.

 

웹킷 동작 과정

사파리와 크롭은 렌더링 엔진으로 웹킷 엔진을 사용하는데, 처음 리눅스 플랫폼에서 동작하기 위해 제작되었다.

 

2+3-1 파싱 예제

문서 파싱은 브라우저가 코드를 이해할 수 있는 구조로 변환하는 것을 의미한다. 파싱 결과는 노드 트리로 나타나기 때문에 파싱 트리(parsing tree) 또는 문법 트리(syntax tree)라고 부른다. 

 

참고)

https://d2.naver.com/helloworld/59361

 

 

 

 

# 웹서버와 WAS

• 웹서버 : 웹 서버 소프트웨어가 동작하는 컴퓨터. 클라이언트가 요청하는 리소스(정적이거나 동적인 데이터)를 전달하는 역할을 한다.
  • (ex) Apache, Nginx. Ngnix는 더 적은 자원으로 더 빠르게 데이터를 서비스할 수 있게 만들어졌다.
  • *주로 정적인 콘텐츠를 웹 브라우저에 전송.

• WAS : 브라우저와 DBMS 사이에서 동작하는 미들웨어.
  • 기능1. 프로그램 실행 환경과 데이터베이스 접속 기능
  • 기능2. 여러 개의 트랙잭션 관리
  • 기능3. 비즈니스 로직 수행
  • 기능4. 웹 서버. *주로 동적인 결과를 웹 브라우저에 전송.
• 장애 극복 기능 : WAS에 문제가 있을 때, WAS 접속을 못하게 하고 재시작을 한다. 서비스의 무중단 운영을 위해서는 꼭 필요한 기능인데, 이를 위해서 웹 서버가 WAS 보다 앞단에서 동작하도록 한다.