CSS

Responsive web (반응형 웹)

1. viewport

<meta name='viewport' content='width=device-width, initial-scale=1'>

2. media query (오름차순)

@media only screen and (min-width : 800px) {
	/*css code goes here*/
}

3. main tag

JS

1. REPL(Read-Eval-Print-Loop) Shell

2. Compile and Interpreted Language

3. function-scope and block-scope
   : JS에는 변수를 선언하는 3가지 방식이 존재한다.
   1. var : function-scope로, 현재는 거의 쓰이지 않는다. 재선언과 재할당이 모두 가능하다.
   2. let : block-scope로, 재선언은 불가능하나 재할당은 가능하다.
   3. const : block-scope로, 재선언 및 재할당이 불가능하다.
   

4. Array in JS

   • JS에서는 배열의 원소의 자료형에 제한이 없다. 따라서 서로 다른 자료형들을 한 배열 안에 저장할 수 있고, 배열의 크기가 정해져 있지 않다.
     : 따라서 각종 메서드를 이용해 원소를 자유롭게 넣고 뺄 수 있다.

5. for-of and for-in
   - for-of은 iterative한 자료형에 대해 활용할 수 있는 반복문이다. 주로 배열의 반복에 사용하며, 개별 원소를 직접 가져와 반복문을 간결하게 작성할 수 있다는 장점이 있다.
   : 다만, 각 원소의 index는 알 수 없다.
   - for-in은 object에 대해 동작하는 반복문이다. 객체의 각 key를 직접 가져와 사용할 수 있고, 이를 이용해 value에도 바로 접근할 수 있다.
   : 왜인지는 모르겠으나, object.key를 통해 value에 접근하면 오류가 발생한다. (추후 알아볼 예정)

6. anonymous function and high-order function

   • high-order function은 함수를 인자로 갖는 함수를 말한다. 해당 함수의 Input으로 재사용하지 않는 함수를 인자로 넘길 때 anonymous function이 유용하게 사용된다.

   • arrow function을 활용하면 anonymous function을 선언할 수 있다. 사용 예는 아래와 같다.

     ((base, power) => {
           res = 1;
           for (let i = 0; i < power; i++) res *= base;
           return res;
     })(3, 5);

   • 참고로 JS에서는 식별자의 자료형을 따로 지정하지 않으므로, 인자와 반환값의 자료형 역시 따로 지정하지 않는다는 점을 주의해야 한다!

7. call-back function

   • 인자로 넘겨지는 함수를 뜻한다.
     : JS 상에서는 고차원 함수에 쓰이는 함수들을 의미한다. 콜백 함수가 필요한 이유에 대해서는 운영체제(동기, 비동기)와 연관 지어 다시 공부해보면 좋을 듯 하다!