TIL 👻

REVIEW (20.12~21.01 약 7주간의 공부)

• 지금까지 배운 javascript 개념들, 헷갈리던 메소드 활용과 문법 그리고 css 속성들을 한 번 쫙 정리할 때가 온 것 같다. 계속 완벽히 이해하지 못하고 어중간하게 알고 넘어갔던 것 같아서 찝찝했다. 문득, 귀찮아서, 어려워서 넘어가는 공부내용이 언젠가는 부메랑처럼 돌아와 나를 힘들게 할 거라는 걸 너무 잘 알겠다...ㅜ

• 아래 항목별로 차근차근 채워넣기로 한다. 나중에 헷갈릴 때 다시 와서 읽어볼 수 있도록.(추가예정)

---

javascript

1. 변수 & 타입(자료형) - 원시/참조자료형

2. 함수, 문자열

3. 조건문 if/else if

4. 반복문 for/while

👓 for(let num of nums){} / for(let num in nums){}

5. 배열

6. 객체

👓 Object.keys / Object.values / Object.entries -> 배열로 리턴

7. 스코프 / 클로져

8. git, github

9. 고차함수 & 콜백함수 - 배열내장함수

👓 .filter(function(){})

특정 조건에 맞는 배열의 요소를 추출해 리턴하고 없다면 빈 배열을 리턴, 이때 콜백함수의 리턴은 불린값을 가진다.

👓 .forEach(function(){});

배열의 요소를 리턴

👓 .map(function(){});

배열의 요소를 조건에 맞게 변환해 리턴

👓 .indexOf(); / .findindex(function(){});

특정 요소가 유무 확인(-1일 경우 해당 요소 없음),몇번째 인덱스인지 리턴

👓 .find(function(){});

값 자체를 리턴

👓 .splice(index(부터), 1(개 제거))

기존 배열을 수정, 요소 제거해 리턴

👓 .slice(start(index부터), end(index전까지))

기존의 배열을 수정하지 않고, 배열을 잘라 리턴

👓 .shift()/ .unshift()/ .push()/ .pop()

기존 배열을 수정,

👓 .reduce(function(accumulator, current, index, array){},초기값);

배열안에 있는 값들로 연산을 할 때 사용

---

CSS

1. 박스모델 - block, inline, inline-block

• {
  box-sizing: border-box;
  }

2. 셀렉터(선택자)

3. flexbox