웹공부 36

CSS 란?

👉CSS CSS: Cascading Style Sheets | MDN CSS(Cascading Style Sheets, 종속형 스타일 시트)는 브라우저에서 웹페이지의 외형을 결정하는 선언형 언어다. 브라우저는 선택한 요소에 CSS 스타일 선언을 적용해 화면에 적절히 표현한다. 하나의 스타일 선언은 속성과 그 값으로 이루어져 있다. CSS는 Cascading Style Sheets의 약자 CSS는 여러 가지 스타일 정보를 기반으로 최종적으로 '경쟁'에 의해서 적절한 스타일이 반영 경쟁: 똑같은 속성을 CSS파일 혹은 inline으로 정의를 중복으로 한 경우, 다른 selector을 사용하였지만 결국 같은 노드를 가리키는 경우 어떤 스타일을 브라우저가 반영을 하는가? 기본 구성 div { width: 300..

웹공부/CSS 2021.09.28

DOM 이란?

👉DOM DOM 소개 - Web API | MDN [JavaScript] DOM이란 무엇인가? 문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 동일한 문서를 표현하고, 저장하고, 조작하는 방법을 제공한다. DOM 은 웹 페이지의 객체 지향 표현이며, 자바스크립트와 같은 스크립팅 언어를 이용해 DOM 을 수정할 수 있다. W3C DOM, WHATWG DOM 표준 ⇒ 많은 브라우저들이 표준..

웹공부 2021.09.28

HTML 이란?

👉HTML HTML(Hypertext Markup Language) HTML - 용어 사전 | MDN 개념 웹페이지의 구조를 지정하는 마크업 언어. HTML 문서는 요소로 구조화한 일반 텍스트 문서이다. 요소는 한 쌍의 태그로 열고 닫으며, 각각의 태그는 부등호()로 감싼다. (처럼 텍스트를 감싸지 못하는 "빈 태그"도 있다.) 1. HTML이란? HyperText Markup Language의 약자 다양한 정보를 쉽게 보여주게 하기 위해서 포맷을 생성 → Markup 언어 정보를 쉽게 표현하기 위해서 잘 구조화한 언어 1-1. 기본 형태 html head //화면에 보여지기 위한 추가적인 정보(메타정보)를 담고 있는 부분 body //화면에 보여지는 부분 1-2. 태그, 속성과 값 네이버로 갑니다 : ..

웹공부/HTML 2021.09.28

HTTP(S) 란?

HTTP 포트 : 80 HTTP | MDN HyperText Transfer Protocol(HTTP)는 HTML과 같이 하이퍼텍스트 미디어 문서를 전송하기위한 애플리케이션 미디어 프로토콜이며, 서버-클라이언트 프로토콜이다. 클라이언트-서버 프로토콜이란 (보통 웹브라우저인) 수신자 측에 의해 요청이 초기화되는 프로토콜을 의미한다. 하나의 완전한 문서는 텍스트, 레이아웃 설명, 이미지, 비디오, 스크립트 등 불러온(fetched) 하위 문서들로 재구성된다. http 의 특징 HTTP 메시지는 HTTP 서버와 HTTP 클라이언트에 의해서 해석이 된다. TCP/IP를 이용하는 응용 프로토콜(application protocol)이다. HTTP는 연결 상태를 유지하지 않는 비연결성 프로토콜이다. (이러한 단점을..

웹공부 2021.09.28

러닝 자바스크립트 - 표현식과 연산자

0. 표현식이란? 표현식(expression) 값으로 평가될 수 있는 문, 즉 결과가 값인 문 표현식이 아닌 문(statement)은 일종의 지시 주로 무언가를 요청하고 그 결과를 명시적으로 반환하는 것 ⇒ 따라서 표현식은 값이 될 수 있고, 그 결과를 다른 표현식에 결합하여 다른값을 얻는 식으로 이어질 수 있다 let x; // 선언문 x = 3 * 5; // 표현식 ⇒ 첫번째 표현식은 3 * 5 이고, 곱셉표현식이며 결과는 15 이다. ⇒ 그 다음은 값 15를 x 에 할당하는 표현식이다. 할당은 그 자체가 표현식이다 let x, y; y = x = 3 * 5; 결과let x, y; // 선언문 y = x = 3 * 5; // 3 * 5 곱셈 표현식 y = x = 15; // x = 15 할당 표현식 ..

웹공부/JS 2021.09.08

SSR 서버사이드 렌더링

~1990년 중반 : static sites 서버에 만들어진 html 파일들이 올라가있고, 홈페이지에 접속하면 서버에 이미 배포되어져 있는 html 문서를 받아와서 보여주는 형식. 페이지 내 다른 링크를 클릭하면 다시 서버에서 해당 페이지의 html을 받아오기 때문에 페이지 전체가 업데이트 된다. 1996 : iframe 문서내에서 또 다른 문서를 담을 수 있는 iframe 태그가 도입되었다. 페이지 내에서 부분적으로 문서를 받아와서 업데이트를 할 수가 있게 되었다. 지금도 간혹 쓰이고 있다. 1998 ~ : XMLHttpRequest (fetch API) 이제는 html 문서 전체가 아니라 json과 같은 포맷으로 서버에서 가볍게 필요한 데이터만 받아 올 수 있게 되었다. 그 데이터를 JS를 이용하여 ..

웹공부 2021.09.07