얼음저장소

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

👉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 표준 ⇒ 많은 브라우저들이 표준..

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

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

Cooperating process 서로 영향을 주고 받는 프로세스, 물리적인 주소 공간을 공유하거나 (스레드) 데이터를 공유하는 프로세스. 하지만 데이터 공유의 동시적인 접근은 데이터 불일치(손실)를 야기할 수 있다. 따라서 우리는 cooperating process를 실행할때 순서대로 실행되도록 보장되어야, 공유된 메모리 등이 동시에 유지될 수 있다. 여러개의 프로세스들이 integrity of data (데이터의 유지, 통일성) 의 공유하고 있을 때 Concurrent execution⇒ 그래서 다음 프로세스가 들어와서 코드를 실행하다보면 문제가 생길 수 있음 ⇒ 프로세스는 실행하던도중 어느 포인트 에서든 interrupt 될 수 도 있다 Paralle execution ⇒ 두개 이상의 instru..

SJF 알고리즘 SJF 는 optimal 한 방법이지만, 다음 CPU burst 길이를 알 방법이 없다 그래서 다음 CPU burst 길이를 예측을 해보자 이론적으론 최적이지만, 실제로 사용하는 알고리즘은 아님 preemptive 할수도 있고 non-preemptive 할 수도 있다 non-preemptive : 그래도 P0이 진행중이니 끝내고나서 P1을 진행하는것 preemptive : P0의 남은 시간보다 P1의 시간이 적으니 P1을 먼저 진행하는것 ← 더 유리함 ⇒ P0 이 진행중이고 5초 남았을 떄 P1 이 1초걸리는 일이라면, next CPU burst 예측하는 방법 과거에 측정된 평균 길이로 판단할 수 있다 지수적 평균 : 과거로 평균길이로 잡는다고해서 정확한건 아니기 때문 SRTF 스케줄링 ..

멀티프로그램 OS 에서의 기본 멀티프로그래밍의 목적 각 프로세스들을 동시에 실행시키기 위해 CPU 효율을 높이기 위해 CPU bust & I/O bust CPU bust : running CPU bust 가 많은 경우 CPU bound I/O bust : waiting → ready I/O bust가 많은 경우 I/O bound ⇒ 빈도 수는 CPU-bound 보다 I/O bound 가 더 잦다 CPU scheduler 메모리에 올라간 프로세스 중에 누구를 고를것인지 정하는 것 ⇒ ready 상태의 프로세스들 중에 CPU 를 할당해줄 수 있는 프로세스를 고르는 것 다음 프로세스를 어떻게 정할지?⇒ Priority Queue : 우선순위를 정하는 방법은? ⇒ FIFO Queue (First-In First..

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 할당 표현식 ..

Thread 의 타입 user thread 커널 서포트 없이 유저 모드에서 관리됨 유저 스페이스 kernel thread OS가 CPU core 를 직접 설정해서 사용 커널 스페이스 유저 스레드와 커널 스레드의 관계 커널모드 위에서 유저모드가 돌아감 Many-to-One Model One-to-One Model Many-to-Many Model 요즘 자주 사용되는 스레드 라이브러리 POSIX Pthreads Windows thread Java thread(유닉스라면 pthrad, 윈도우면 윈도우꺼 사용) Pthreads POSIX 기본 규격 (IEEE 1003,1c) Implicit Threading 방법 동시, 병렬적인 앱을 디자인하는 것은 멀티코어, 멀티스레딩을 디자인하는것과 같다 ⇒ 어렵다 그래서 ..

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