죠노이 노트

1. 크롬에서 사용하즌 V8 엔진을 사용한다.

-    V8 엔진은 java script 해석기라고 생각하면 됨

2. 이벤트 기반의 비동기 I/O 프레임 웍크

-    node js는 싱글스레드다. => Event Loop를 두고 하는말!

-    많은 시간이 걸리는 작업일 경우, event loop가 아닌 다른 스레드에게 넘김 (worker들 - 무거운 작업을 함)

3.commonJS를 구현한 모듈 시스템

-    파일 형태로 모듈을 관리함

-    ex) var someFunc = require(./someJS)

4. 브라우저 밖에서 자바스크립트 코드를 실행할수 있다.

같은 줄에 있는 <태그 inline> - 앞 뒤로 줄바꿈이 되지 않는다.

한 라인 전체를 다 사용하는 <태그 block> - 앞 뒤로 줄 바꿈이 된다.

요소는 inline 인데 내부는 block 처럼 표시 <태그 inline-block> - 박스 모양이 inline 처럼 옆으로 늘어섬!


3cascading 우선 순위


1. html 소스의 style 속성

2. id selector

3.class selector

4.tag selector


-> 강제로 우선순위 올리는 방법은 {} 안에 !important;를 사용


왜 우선순위를 가지고 있을까?

- 뭐가 더 구체적이고 명시적인가에 따라 우선순위를 가지고 있다.


그냥 보면 이해가 안될 수 있으니 

color:white > color:blue > color:green > color:red 순으로 적용된다.



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html>
  <head>
    <style>
      li{color:red;}
      #idsel{color:blue;}
      .classsel{color:green;}
    </style>
  </head>
  <body>
    <ul>
      <li>html</li>
      <li id="idsel" class="classsel" style="color:white;">css</li>
      <li>javascript</li>
    </ul>
    <ol>
      <li>style attribute</li>
      <li>id selector</li>
      <li>class selector</li>
      <li>tag selector</li>
    </ol>
  </body>
</html>
Colored by Color Scripter
cs
 
cs