2020-01-17 TIL

5Fs

1. Fact

네트워크 프로그래밍

세마포어 : 다른 프로세스 또는 스레드가 공유메모리 영역에 동시에 접근할 수 있을 때 자원에 대한 동기화를 지원하는 IPC 방법론이다.
크리티컬 섹션 : 프로세스 간에 공동으로 관리되어야 하는 자원(ex 공유메모리)에 대한 읽기/쓰기가 이루어지는 코드 부분을 크티리컬 섹션이라고 함.
file descriptor : 프로세스가 파일에 접근할 때 파일을 식별하기 위한 이름표 소켓 또한 파일 디스크립터가 부여됨. 운영체제는 프로세스가 접근할 수 있는 자원인 파일을 다루기 위해 프로세스 별로 파일 디스크립터 테이블을 관리함.
열린 파일 테이블 : 운영체제가 시스템 전체에 열려있는 파일의 정보를 관리 하기 위해 열린 파일 테이블을 사용하며, 이 테이블에는 시스템에 열려 있는 모든 파일 정보가 저장됨.

MDN 웹 튜토리얼

웹사이트의 구조.
- index.html : 사용자들이 내 웹사이트에 들어왔을 때 가장 처음으로 보이는 파일.
- images folder : 내 홈페이지에 있는 모든 이미지들이 존재하는곳.
- styles folder : 내 컨텐츠가 사용하는 모든 CSS코드의 모음.
- scripts : 내 홈페이지에 사용하는 모든 javascript 파일이 존재함.
anatomy of an HTML document
- : the doctype. it is required preamble. In the mists of time, when HTML was young (around 1991/92), doctypes were meant to act as links to a set of rules that the HTML page had to follow to be considered good HTML, which could mean automatic error checking and other useful things. However these days, they don't do much, and are basically just needed to make sure your document behaves correctly. That's all you need to know for now.
- html : the html element. this element wraps all the content on the entire page and is sometimes known as the root element.
- head : This element acts as a container for all the stuff you want to include on the HTML page that isn’t the content you are showing to you page’s viewers. This includes things like keyworks and a page description that you want to appear in search results, CSS to style our content, character set declarations and more.
- body : This contains all the content that you want to show to web users when they visit your page, whether that’s text, images, vidoes, games, playable audio tracks or whatever else.
CSS
- it is not really programming language and markup language neither. This means that is lets you apply styles selectively to elements in HTML documents. For example, to select all the paragraph elements on an HTML page and turn the text whithin them red, you’d write this CSS.
Anatomy of a CSS ruleset
- selector : The HTML element name at the start of the rule set. it selects the element to be styled (in this case, <p> elements). To style a different element, just change the selecotr.
- Declaration : A single rule like color: red; specifying which of the element’s properties you want to style.
- Properties : ways in which you can style a given HTML element.(In this case, color is a property of <p> elements) In CSS, you choose which properties you want to affect in your rule.
- Property value : To the right of the property, after the colon, we have the property value, which chooses one out of many possible appearances for a given property.

element selector

p {
    color: read;
    }
<p>

ID selector

#my-id {
    color: read;
}
<p id="my-id">

Class selector

.my-class {
    color: read;
}
<p class="my-class">
<a class="my-class">

Attribute selector

img[src] {
    color: read;
}
<image src="myimage.png">

Pseudo-class selector

a:hover
<a>

Babel

Babel is a JavaScript compiler. Babel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments. Here are the main things Babel can do for you