JavaScript
JS와 ES6+에 대해 배운걸 정리하는 공간 📜
2023
2022
- callback / Promise / Async Await
- ES6
- ==와 ===의 차이점
- [JS] Set객체에 대해 알아보자 const set = new Set()
- null과 undefined 차이
- Node.js 와 JS의 차이점
- import {}, import
- [JS] Async & Await (어씽크어웨이트) & URI
- [JS] 옵셔널 체이닝(optional chaining)
- [JS] 동기 비동기, 스프레드 연산자, 깊은복사 얕은복사, rest parameter
- [JS] DOM 트리구조
- [JS] 스크립트 & 반복문
- [JS] 함수선언
- [JS] 변수 & 배열 & 객체
- [JS] 알고리즘에서 자주 사용되는 Math함수 (알아두면 피가되고 근육이됨)
- [JS Deep Dive] 6장 요약
- [JS Deep Dive] 1장 - 5장 요약
- [하나씩 알아가자] 자바스크립트의 this, 이거보다 더 친절한 설명은 없다
2021
- [하나씩 알아가자] 폴리필(polyfill)
- 천단위 콤마(,)와 소수점(.)모두 표현 + 한글, 영어, (점과 콤마를 제외한)특수문자 제외 정규식 JS
- IE에서는 includes()함수가 작동하지 않아요(.includes not working in IE)
- JSON 유효성 검사
- [JS] JavaScript format Number (천단위에 콤마, 처리)
- [ES6+] callback함수
- [ES6+] method
- [ES6+] 스코프(scope)와 실행컨텍스트(execution context)
- [ES6+] promise.allSettled()
- [ES6+] Array sort
- [ES6+] Array flat
- [ES6+] object entries, object values, object from entries
- [ES6+] trim, trimStart, trimEnd
- [ES6+] padStart, padEnd
- [ES6+] optional chaining ()
- [ES6+] ES2020 ?? operator
- [ES6+] Generator
- [ES6+] Map
- [ES6+] WeakSet
- [ES6+] symbols
- [ES6+] Sets
- [ES6+] 클래스에서의 this
- [ES6+] 클래스에서의 super
- [ES6+] 클래스의 확장 extends
- [ES6+] Classes
- [ES6+] Parrallel Async Await
- [ES6+] try catch finally
- [ES6+] Async Await
- [ES6+] promise의 사용
- [ES6+] Promises.finally()
- [ES6+] promise.race()
- [ES6+] Promises.all()
- [ES6+] chaining Promises 여러개의 프로미스
- [ES6+] then 과 catch
- [ES6+] Promises
- [ES6+] FOR of LOOP(for문)
- [ES6+] rest & spread &
- [ES6+] Rest parameters
- [ES6+] Spead Applications & optional object property
- [ES6+] spread
- [ES6+] Swapping and Skipping(변수교환과 변수생략)
- [ES6+] Value shorthand(변수명 단축)
- [ES6+] Function destructuring(함수 비구조화)
- [ES6+] Renaming
- [ES6+] Array destructuring(배열 비구조화)
- [ES6+] destructuring(비구조화)
- [ES6+] Array.find(), Array.findInex(), Array.fill()
- [ES6+] 배열(Array)과 Array.from(), Array.of()
- [ES6+] String을 사용하는 다양한 방법들! (includes, repeat, startsWith, endsWith)
- [ES6+] styled Components
- [ES6+] HTML Fragment
- [ES6+] 벡틱(`)을 이용한 문자열과 변수의 조합
- [ES6+] 기본값
- [ES6+] find(),filter(),forEach(),map() (Arrow Function(화살표 함수)를 사용한 다양한 경우)
- [ES6+] Arrow Function(화살표 함수)
- [ES6+] Arrow Function(화살표 함수)를 쓰면 안되는 경우
- [ES6+] block scope 블록 스코프
- [ES6+] hoisting & Temporal Dead Zone (호이스팅과 TDZ)
- [ES6+] let const
2020
- [JS]input value에 숫자와 마침표만 입력가능하게 하기
- [JS] 자바스크립트 오늘 날짜 구하기(.getFullYear() / .getMonth() / .getDate())
- [JS] 자바스크립트 모든 문자열을 대문자로 혹은 소문자로 변경하기
- [JS] 자바스크립트 평균구하기 및 소수점 절하(Math.floor)
- [JS] 자바스크립트 배열에서 중복을 허용하지 않는 Set
- [JS] 자바스크립트 제곱구하기(pow)
- [JS] 자바스크립트 문자열 거꾸로 출력하기(split함수, reverse함수, join함수)
- [JS] 자바스크립트 class클래스 만들기
- [JS] 자바스크립트 문자열 합치기 concat메소드
- [JS] false를 반환하는 falsy
- [JS] 자바스크립트 변수의 타입
- [JS] 배열에서 특정 범위의 값 추출 splice()
- [JS] 배열의 마지막원소 삭제 pop()
- [ES6+] 일급함수 고차함수
- vscode console.log 단축키 추가하기