Javascript 75
- read only 속성의 객체를 writeable로 복사하는 방법
- useReducer를 사용하여 useState 대체하기
- ResizeObserver API : 엘리먼트 크기 변화 감지하기
- Clipboard API 사용하기
- 구글 인증 후 access token 발급받기..
- ?? 연산자와 || 연산자
- 모듈 순환 참조(Circular Dependency) 개선하기
- Youtube 동영상 컨트롤 커스텀하기
- [URLSearchParams] url parameters 추출하기
- iframe이 제대로 마운트되지 않은 경우 체크
- MVC와 MVP, MVVM 패턴
- 엘리먼트 크기 구하기 clientWidth/clientHeight vs offsetWidth/offsetHeight vs getBoundingClientRect()
- 정적(static) 프로퍼티와 메서드
- ✅함수 호출 방식에 따른 This, 화살표 함수
- CustomEvent()로 이벤트 커스텀하기
- Intersection Observer API으로 스크롤 감지하기
- debounce와 throttle 사용하기
- bind / call / apply 사용법, 차이점
- for문과 for...of문, let과 const
- 구글 로그인 api 연동하기
- 이벤트를 등록하는 방식, 이벤트 핸들러 내부의 this
- 자바스크립트 엔진의 최적화 기법 - JITC, Adaptive Compilation
- 메모이제이션(Memoization) 사용하기
- Class와 함수 생성자의 차이
- 알고리즘 시간복잡도, Big-O
- 배열에서 중복을 제거하는 3가지 방법
- 웹 사이트 성능 최적화하기⚡
- Promise를 이용하여 실행 지연시키기 (I hate Promise)
- input과 fileReader로 file 업로드하고 읽기
- e.target과 e.currentTarget의 차이
- ✅실행 컨텍스트
- 비동기 콜백 함수와 Promise의 차이점, Promise 이해하기
- 이터러블과 이터레이터, 제너레이터
- JavaScript module export & import
- 자바스크립트 동작 원리, 메모리 구조, 이벤트 루프
- PC/Mobile Browser Window Viewport✨
- 숫자 범위만큼 map 돌리기
- [Object] value 값으로 key 찾기
- localStorage에 객체, 배열 형식 데이터 저장하기
- 스코프(scope)란? ✨
- 정규식을 이용하여 URL 체크하기 + 정규식 사용법 정리
- [js+css] 상하좌우 요소 만들기
- Webpack Server IP 설정하기
- 자바스크립트 함수의 구성, 매개변수(parameter)와 인수(argument)
- JavaScript arrow function 주의사항
- 이벤트 좌표 client, offset 차이
- 자료구조 : 스택(Stack), 큐(Queue), 덱(Deque)
- 디바이스 감지 Detect Devices
- Detect Browser - 브라우저, 버전 감지하기
- 서버 사이드 렌더링(SSR) vs 클라이언트 사이드 렌더링(CSR)
- Mobile Canvas🎨 클래스 만들기🖌
- 비동기로 브라우저 새 창 띄우기
- RESTful API란? ✨
- IOS에서 Canvas에 그릴 때 좌표 안맞는 문제
- async와 defer 의미, 실행 순서, 공통점, 차이점
- immutable 데이터와 mutable 데이터, 얕은 복사/깊은 복사
- 이벤트 위임에서 button의 자식 node 클릭 시 이벤트 발생❎
- element 안에 html 집어넣기 : insertAdjacentHTML()
- fetch API를 이용한 비동기 통신
- html element의 data에 접근하기
- [Array] filter()와 find()의 차이점
- parameter와 argument
- Mouseenter와 Mouseover의 차이점
- 무한 스크롤 구현하기 : scrollTop, scrollHeight
- Node.nodeName은 값을 대문자로 반환한다
- 버블링과 캡쳐링 (feat. 흑역사)
- onUnload 이벤트에서 새로고침과 창 닫힘 구분
- for, forEach, map의 차이점
- 바닐라로 고양이 검색 만들기 : render() addEventListener에서 메서드 사용하기
- [contains] 외부 영역 감지하기
- 동등 연산자 == 와 일치 연산자 === 의 차이🤨
- Window.matchMedia()
- url 프로토콜 체크하여 http ➡️ https로 변경
- 익스플로러에서 includes 대신 indexOf를 사용하자
- [orientationchange] 디바이스 방향 바뀌는 것 감지 🔁