TIL - 22년 6월 1주차

22.05.29

인프런 알고리즘 2-1~2-5
JS스터디 온라인 미팅
휴식

---

22.05.30

인프런 알고리즘 2-6~2-7
JS마스터리 14강(+딥다이브)

단축평가
옵셔널 체인징, null 병합 연산자, default parameter 비교

---

22.05.31

인프런 알고리즘 3-1~3-3
노마드 크롬앱 만들기 2~3강 2배속 복습
JS마스터리 15강(+딥다이브), 16강

• elem.style.attribute
• classList.contains()
• classList.add()
• classList.remove()
• classList.toggle()

에러 핸들링

• throw new Error('에러 설명')
• try
• catch
• finally

에러 버블링(에러의 전파)

모듈

• <script type="module" scr="main.js"></script>
• export default
• export
• import 변수명 from 'export된 파일 경로'
• import {변수명 as 변경할 변수명} from 'export된 파일 경로'

비동기, 콜스택, setTimeout 사용해보기

---

22.06.01

인프런 알고리즘 3-4, 3-5
노마드 크롬앱 만들기 4,5강 복습
AJAX, XMLHttpRequest, promise, RestAPI파트 딥다이브 읽기(이해 안돼서 다시 봐야함)

---

22.06.02

인프런 알고리즘 4-1, 4-2
js마스터리 16강
딥다이브 Promise파트 1회독
promise개념 정리글 작성

---

22.06.03

인프런 알고리즘 4-3(풀이 중)
스터디 1회(프로젝트 선정, 백, 프론트 역할 분담, 메인 화면 마크업)

---

22.06.04

스터디 프로젝트 마크업
스터디 프로젝트(네이버 웹툰 메인 화면 클론) 기능 구현

div에서 한글 입력 시 영어와 다르게 세로로 입력되는 현상 해결

white-space:nowrap;

overflow로 생성한 스크롤에서 바 없애기

#mainImgBtn__item::-webkit-scrollbar {
  display: none;
}

이벤트 상속/ 이벤트 위임/ 이벤트 전파

비슷한 동작을 수행하는 코드가 있을 때
요소 하나하나에 이벤트를 주는 것이 아니라 부모 요소에 이벤트를 준 뒤
event객체의 target 또는 target.tagName의 정보를 찾아 이벤트를 준다

event.target 또는 event.target.tagname의 정보가 헷깔린다면 console.log()찍어서 찾을 것

css, js에서 의사클래스가 제대로 동작하지 않는다면
>를 활용하여 직계 자식에게 한정하여 상속 시키기

Date 객체 사용

const date = new Date();
date.getMonth(); // 0부터 시작하므로 +1 해주어야 한다
date.getDate();
date.getHours();
date.getMinute();
date.getSeconds();