분류 전체보기12 [데브코스 웹 풀스택 과정 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. 블로그를 열다 어쩌다 보니 블로그를 열게 되었다. 블로그를 하게 된 건 초등학생 때 정보 과목에서 네이버 블로그를 열고 글을 써보는 숙제(아니면 실습이었나) 이후로 십몇 년 만인 듯하다. 얼마 전까지만 해도 그렇게까지 블로그를 할 생각은 크게 없었다. 글을 나름 못쓰지는 않지만 그래도 대학 시절 과제를 할 때나 자기소개서를 쓸 때 등 공적인 일이거나 어디 제출해야 되는 상황이 아니면 글 쓰는 것이 좀 귀찮았기 때문이었다. 그런데 최근 국비지원 데브코스를 시작하면서 그날 배운 내용들을 어딘가에 적어두어야 하는 일이 생겼다. 아직까지는 대부분 알고 있는 내용들이라 그리 문제는 되지 않지만 과정이 진행될수록 배울 내용도 많아질 것이기에 머릿속에만 넣어두는 것은 암만 기억력이 좋은 사람이라 하더라도 그건 정말 무리일 거다. .. 2023. 11. 26. 이전 1 2 3 다음
