1. DOM

   1.1 JavaScript를 HTML에서 불러올 때 주의해야 할 점을 이해할 수 있다

   1.2 DOM의 의미를 이해할 수 있다.

Continue reading

1. CSS를 HTML에 적용하는 방법에 대해서 충분히 이해하고 있다.

   1.1 inline, HTML 외부, HTML 내부

2. 함수가 선언되어 변수에 담기는 과정을 설명할 수 있어야 한다.

   2.1 # 및 . 쓰는 법

   2.2 부모 자식 관계

   2.3 클래스 동시에 적용하는 법, 여러 클래스 적용하는 법

   2.4 input type을 설정하여 다양한 종류의 input을 활용할 수 있다.

3. 함수의 결과값이 변수에 할당되어 담기는 과정을 설명할 수 있어야 한다.

   3.1 box model

   3.1.1 margin, padding, border

   3.1.3 width, height, top, left, bottom, right

   3.2 position

   3.2.1 static, relative, fixed, absolute, sticky

   3.3 z-index, float, flexbox, grid (advanced)

4. w3school 등의 reference 사이트를 이용해 CSS 속성을 검색하고 이용할 수 있다.

5. 함element에 class를 사용해야 할 때와 id를 사용해야 할 때를 구분할 수 있다.

Continue reading

1. HTML이 markup language라는 것을 이해할 수 있다.

   1.1 “구조를 표현하는 언어” 라는 의미를 자신의 언어로 표현할 수 있다.

2. HTML의 기본 Tag와 속성에 대해서 이해하고 적용할 수 있다.

   2.1 opening tag, closing tag, self-closing tag에 대해서 이해하고 있다.

   2.2 div, span 이 무엇이고, 차이는 무엇인지 알고 있다.

   2.3 ul, ol, li 가 무엇이고, 언제 사용해야 하는지 알고 있다.

   2.4 input type을 설정하여 다양한 종류의 input을 활용할 수 있다.

3. HTML의 기본 Tag와 HTML을 class, id로 semantic 하게 분류하고, semantic tag를 적재적소에 사용하여 의미를 부여한다성에 대해서 이해하고 적용할 수 있다.

   3.1 semantic tag의 남용 또한 semantic 하지 않음을 이해해야 한다.

Continue reading

스코프(Scope)

1. JavaScript의 Scope의 의미와 적용 범위를 이해할 수 있다.

2. JavaScript의 Scope 주요 규칙을 이해할 수 있다.

   2.1 중첩 규칙

   2.2 block scope(block-level scope) vs. function scope(function-level scope)

   2.3 let, const, var의 차이

   2.4 전역 변수와 전역 객체의 의미

클로저(Closure)

1. Closure의 의미와 Closure가 가지는 Scope Chain을 이해할 수 있다

2. Closure의 유용하게 쓰이는 몇 가지 코딩 패턴을 이해할 수 있다.

매개변수

1. Parameter의 갯수가 유동적인 함수를 만들 수 있다.

2. ES6에서 사용하는 Rest parameter 및 ES5의 방법인 arguments 키워드를 이용할 수 있다.

3. Default parameter를 사용할 수 있다.

객체 지향 JavaScript

1. 객체 지향 프로그래밍의 기본적인 컨셉을 이해할 수 있다.

   1.1 class, instance 등의 용어를 이해할 수 있다.

   1.2 new 키워드를 사용해 instance를 생성할 수 있다.

   1.3 S6 class 키워드를 사용할 수 있다.

2. prototype을 이용해 클래스의 원형을 만드는 방법을 이해할 수 있다.

Continue reading

1. 재귀

   1.1 재귀 개념을 이해할 수 있다.

   1.2 무한 loop에 빠지지 않도록 재귀를 이용할 수 있다.

   1.3 call stack이 넘친다는 것의 의미를 이해할 수 있다. (Advanced)

Continue reading

1. 객체

   1.1 배열과 객체의 특징과 사용을 배열 및 객체 구조를 포함하여 서술하라.

   1.2 객체 속성(property)의 추가, 삭제, 조회에 대해서 코드 예와 함께 서술해라.

   1.3 배열과 객체, 반복문을 응용하여 능숙하게 대량의 정보를 다룰 수 있는가? 예를 들어 서술해라.

2. 배열 다루기

   2.1 배열과 반복문을 활용하여 실생활에서 접할 수 있는 간단한 문제를 예로 들어 해결 방법을 서술하시오.

   2.2 문자열과 배열의 형태 변환을 돕는 메소드를 서술해라.

   2.3 for문을 대체하여, forEach, map, filter, reduce, slice 등의 메소드를 이용해 배열을 원하는 형태로 만들 수 있는가. 그 예를 들어라.

   2.4 어떤 메소드가 Mutable/Immutable 한지 불변성의 의미를 포함하여 서술해라.

   2.5 변성을 유지하는 것이 왜 좋은가?

   2.6 함수형 프로그래밍의 특징을 아는데로 서술해라.

Continue reading

1. 반복문

   1.1 for 문과 문자열, 숫자를 이용해 반복적으로 코드를 실행시킬 수 있는가?

   1.2 기본적인 for 문 for (let i = 0; i < 5; i++) 을 응용하여 다양한 for 문을 만들 수 있는가?

   1.3 for와 while의 차이는 무엇인가?

   1.4 반복문에 조건문을 응용하여 특정 조건에서만 코드를 실행시킬 수 있는 가?

   1.5 이중 포문이 무엇인지 설명하고 예시를 들어보시오.

2. 배열

   2.1 index와 element에 대해서 설명하시오.

   2.2 배열 요소의 조회, 추가, 삭제, 복사, 분리하는 방법을 메소드와 함께 설명하시오.

Continue reading

1. 함수

   1.1 함수가 “작은 기능의 단위”라는 것을 이해할 수 있어야 한다.

   1.2 함수가 선언되어 변수에 담기는 과정을 설명하시오.

   1.3 함수의 결과값이 변수에 할당되어 담기는 과정을 설명하시오.

   1.4 괄호 내에 인자를 넣어서 함수로 전달하여 실행시킬 수 있는가?

   1.5 함수 표현식과 함수 그 자체 (선언식)를 구분하여 설명하시오.

   1.6 return과 콘솔 출력의 차이에 대해서 예제와 함께 설명하시오.

2. 조건문

   2.1 truthy와 falsy 가 조건문에서 작동하는 방식을 서술하시오.

   2.2 논리 연산자의 종류와 그 역할대해서 서술하시오.

   2.3 if 와 else if, else에 대해 이해한 대로 서술하시오.

   2.4 복잡한 조건문을 활용하여 실생활에서 쉽게 마주할 수 있는 문제를 해결할 알고리즘을 예시를 들어 설명하시오.

Continue reading

1. 변수

   1.1 변수의 선언과 할당에 대해서 설명하고 코드로 작성할 수 있나요?

   1.2 표현문이 값으로 변환되어서 변수에 할당되어 담기는 과정을 설명해보시오.

2. 타입

   2.1 타입마다 다른 속성과 메소드가 있나요?

   2.2 특정 값의 타입을 확인할 수 있는 메소드는 무엇인가요?

   2.3 타입의 종류를 모두 서술 하시오.

3. 문자열 다루기

Continue reading