Development11 [데브코스 웹 풀스택 과정 TIL] Day 6~9 - 웹 생태계 전반에 대한 이론 및 실습 (3) - Node.js로 만드는 웹서버 1. 백엔드 웹서버 만든다면서 뜬금없이 웬 백엔드 설명인가 싶겠지만 뒤에서 필요한 내용이니 한번 훑어보고 가자. 백엔드의 구조 위 그림을 보면 알겠지만 백엔드는 크게 세가지, 웹 서버 / 웹 어플리케이션 서버(WAS: Web Application Server) / 데이터베이스로 구분할 수 있다. 웹 서버: 정적 페이지에 대응하는 서버. 동적 페이지 처리는 직접 하지 않고 WAS에 전달하여 처리함. 웹 어플리케이션 서버: 동적 페이지에 대응하는 서버. 데이터 처리 / 연산을 하여 웹 서버에 전달해줌으로써 화면의 내용이나 데이터의 변화를 구현함. 데이터베이스: 데이터를 통합하여 효율적인 관리를 하기 위한 데이터 집합체. 그런데 위의 그림에서 보다시피 웹 서버와 WAS가 분리되어 있는데, 여기서 하나 의문이 .. 2023. 11. 30. [데브코스 웹 풀스택 과정 TIL] Day 6~9 - 웹 생태계 전반에 대한 이론 및 실습 (2) - HTML, CSS 그리고 Javascript [2023. 11. 21 ~ 24 학습 분] 1. HTML HyperText Markup Language의 약자이다. 일단 코드 먼저 보자. Body! 앞서 설명했다시피 웹 상의 정보는 하이퍼텍스트로 표현한다고 설명한 바 있다. 이를 웹페이지의 구조로서 구현한 언어가 HTML이고, 이를 통해 웹페이지를 구성한다. 기본적인 구조는 과 같이 태그를 여닫는 구조이다. 예외인 태그들이 있긴 하나 일부이고 대부분의 태그는 여닫는 구조로 되어있다. 위의 코드를 자세히 살펴보자. - 이 파일이 HTML로 이루어져 있음을 선언한다 - HTML 문서의 최상위 요소. 이 태그 안에 모든 내용을 작성한다 Red Text Blue Text 이렇게 작성하면 된다. 이러면 태그 단위로 CSS를 적용할 수 있다. 그런데 이렇게 하.. 2023. 11. 27. [데브코스 웹 풀스택 과정 TIL] Day 6~9 - 웹 생태계 전반에 대한 이론 및 실습 (1) - 웹 개요 [2023. 11. 21 ~ 24 학습 분] 1. 웹의 시작 웹의 시작은 컴퓨터와는 관계가 없는 곳에서 시작되었다. 1989년 CERN에서 근무하던 팀 버너스 리가 연구원 간에 정보 교환을 빠르게 하기 위해 만들었다고 전해진다. 이른바 WWW(World Wide Web) 되시겠다. 지금도 최초의 웹 페이지가 남아있다 (링크) 링크를 들어가보면 알겠지만 지금 우리가 보고 있는 웹과는 달리 지극히 단순한 형태이다. 그럼에도 웹의 특징을 잘 담고 있는데, 정보를 하이퍼텍스트 형식으로 표현하여 하이퍼텍스트(링크)를 따라 이동하며 다양한 정보, 문서들을 연결, 제공 한다는 것이다. * 하이퍼텍스트: 단순 문자가 아닌 그 이상의 기능을 가지는 텍스트, 주로 링크, 참조의 역할을 하는 기술 2. 웹의 구조 웹의 구조.. 2023. 11. 26. 이전 1 2 3 다음
