728x90

1. Input(학습)

<div class="box1 box2 box3"></div>

.box#username {
    display: none;
}

Child Combinator(자식 선택자) : 부모의 여러 자식 요소 중 해당 요소만 선택
- 해당 부모 요소의 자식 요소만 선택가능(자손 X)

ol > li {
    display: none;
}

Descendant Combinator(자손 선택자):부모 요소의 특정 자식 또는 자손 요소만 선택
- 자식요소도 자손으로 볼 수 있어 선택 가능함.

section button {
    display: none;
}

가상 클래스 선택자란 : 특정 상태나 조건을 만족했을때 사용 가능한 선택자
Structural Pseudo-Classes(구조적 가장 클래스 선택자)
- 요소:first-child - 선택한 요소 중 첫번째
- 요소:last-child - 선택한 요소 중 마지막
- 요소:nth-child(n) - 선택한 요소 중 n번째
  - (n)으로 n번째 하나만 선택하거나
  - (2n)으로 짝수번째를 모두 선택하거나
  - (2n-1)로 홀수번째를 모두 선택 가능함.
User Action Pseudo-classes(동적 가상 클래스 선택자)
- 요소:hover - 마우스를 갖다대면
- 요소:focus - 클릭하면 강조
- 요소:active - 클릭하면 변화

1순위: ID 선택자, 2순위: 클래스, 가상클래스 선택자, 3순위: 요소(태그) 선택자
동일한 부분에 스타일을 여러번 부여한 경우 우선순위 점수가 같은 경우 가장 마지막에 부여한 스타일이 적용됨(덮어쓰기). 우선순위가 다른 경우 점수가 높은 쪽의 스타일이 적용됨.
우선순위를 무시하고 최우선으로 적용되는 경우(최대한 지양할 것)
- Inline-Style : html에서 태그 내에 style속성으로 css 적용
- !important : css에서 속성값과 선언끝 사이에 기입하여 사용. Inline-Style이 있어도 덮어씀.
```
.box1 {
  display: none !important;
}
```

2. Output(복습)

stack overflow가 발생하는 3가지 경우
- return 값이 없는 경우
- 재귀 호출시 input 값이 계속 같게 들어가는 경우
- 잘못된 return값
재귀 함수로 밑을 지수만큼 곱한 값 구하기

function power(base,exponent) {
    if (exponent === 0) return 1;
    return base * power(base, exponent - 1);
}

function factorial(n){
   if (n <= 1) return 1;
   return n * factorial(n - 1);
}

function productOfArray (arr) {
    if(arr.length === 0) return 1;
    return arr[0] * productOfArray(arr.slice(1));
}

function recursiveRange(x){
   if(x === 0) return 0;
   return x + recursiveRange(x - 1);
}

(Math 객체) floor: 내림, round: 반올림, ceil: 올림
parameter vs argument
- 매개변수(인자) : 함수 등에서 사용되는 전달된 값을 받는 변수
- 인수 : 값, 변수, 참조 등 전달되는 값
오름차순(ascending order): 1,2,3,4/ 내림차순 (descending order) : 4,3,2,1
sort 메소드: 오름차순으로 정렬
pop 메소드: 배열에서 마지막 요소를 제거하고 제거한 해당 요소를 반환
백준 input 정제시 toString 과 split 이전에 필히 trim 사용(개행문자 제거)할 것.
null은 자연적으로 발생할 수 없음. 따라서 명시적으로 빈 값을 나타내기 위해 사용.

728x90