JavaScript

🔍 변수 구구단 출력하기 👀 변수 선언 방식 var, const, let의 차이점 ✔ 호이스팅

🔍 Type type의 종류 ✔ typeof 연산자를 사용하여 값의 타입을 확인하는 방법

🔍 Function 함수를 이용하여 구구단 출력하기 입력값과 출력값 👀 함수 선언 방법 사각형의 넓이 구하기 ✔ 함수 선언식, 함수 표현식의 차이 ✔ parameter와 argument의 차이점

🔍 조건문 비교 연산자 논리 연산자 ✔ Falsy 값

📖 js math object JavaScript는 웹 페이지에서 수학적 작업을 손쉽게 할 수 있도록 다양한 Math 메소드를 제공한다.

🔍 문자열 character 접근 Length Property 👀 Method ✔ indexOf, lastIndexOf, includes ✔ split ✔ substring, slice slice와 substring의 차이점 ✔ toLowerCase / toUppe

👀 문자열<->배열 변환하기 ✔ 문자열 -> 배열: split ✔ 배열 -> 문자열: join

🔍 반복문 반복문을 이용한 구구단 출력

🔍 배열 👀 배열의 반복

👀 배열의 Method ✔ Array.isArray() ✔ indexOf(), includes() 👀 Mutable Method ✔ push(), pop(), shift(), unshift() ✔ splice() ✔ reverse() ✔ sort() 👀 Immut

👀 for ~ in 👀 for ~ of

🔍 객체 ✔ Bracktet donation을 사용해야하는 예시 ✔ dot/bracket notation을 이용해 값 추가, 삭제 ✔ in 연산자를 이용해 키 유무 확인 ✔ 객체의 메소드 참조 ✔ Q. 두 개의 객체를 입력받아 두 번째 객체의 속성들을 첫 번째 객체에

🔍원시 자료형과 참조 자료형 👀 원시 자료형(Primitive type data) ✔ 원시 자료형의 종류 👀 참조 자료형(Reference type data) ✔ 참조 자료형의 종류

🔍 스코프(Scope) 👀 스코프의 정의와 주요 규칙 ✔ 정리 👀 스코프의 종류 ✔ 함수 스코프(Function Scope) ✔ 블록 스코프(Block Scope) ✔ 블록 스코프와 var 키워드 ✔ let, var, const 키워드 비교 ✔ 변수 선언 시 주의

🔍 클로저 👀 클로저 함수의 특징 ✔ 함수를 리턴하는 함수 ✔ 외부 함수의 변수에 접근 가능한 내부 함수 👀 클로저 함수의 장점 ✔ 데이터를 보존하는 함수 ✔ 정보의 접근 제한(캡슐화) ✔ 모듈화

🔍 spread/rest ✔ spread ✔ rest ✔ 배열에서 사용 배열 합치기 배열 복사 ✔ 객체에서 사용 ✔ 함수에서 나머지 파라미터 받아오기 👀 구조 분해 할당(destructing) ✔ 분해 후 새 변수에 할당 배열 객체 예제: 함수에서 객체 분해

👀 얕은 복사(Shallow Copy) 👀 깊은 복사(Deep Copy) Object.assign() Spread Operation ✔ 완벽한 깊은 복사를 하기 위해서 사용할 수 있는 방법은?

👀 JavaScript Koans ◾ JavaScript의 타입 ◾ 변수 선언 키워드 let과 const ◾ 함수 표현식 ◾ 스코프 & 클로저 ◾ 객체 ◾ spread ◾ 구조분해할당

🔍 DOM 👀 DOM 구조 조회 ✔ 예제1: body요소의 자식요소 조회 ✔ 예제2: id의 이름이 news-contents 인 <div> 요소의 부모 요소 조회 ✔ 예제3: id의 이름이 nav인 div 엘리먼트를 포함해서, 모든 자식 엘리먼트의 class 이름을

🔍 DOM - CRUD ✔ CREATE ✔ APPEND ✔ READ ✔ UPDATE setAttribute() ✔ DELETE 삭제하려는 요소의 위치를 알고 있는 경우 innerHTML removeChild & While 특정 class 이름을 가진 요소 제거 Qui

✔ innerHTML vs innerText vs textContent innerHTML(HTMLelement property) innerText(element property) textContent(node property) ✔ element와 node의 차이

🔍 이벤트 객체 개념 및 예시

👀 이벤트 핸들러 등록 방법 ✔ 객체나 요소에 property로 등록 ✔ 객체나 요소의 메소드에 전달하는 방법 👀 이벤트 핸들러 제거 방법 ⚙ 이벤트 핸들러 종류 Quiz

👀 일급 함수 ✔ 변수에 함수를 할당하는 경우 🔍 고차함수 ✔ 함수를 인자로 전달하는 경우(다른 함수를 인자로 받는 경우) ✔ 다른 함수의 결과로서 리턴하는 경우 ✔ 함수를 인자로 받고, 함수를 리턴하는 경우

🔍 내장 고차 함수? ✔ filter ✔ map ✔ reduce ✔ forEach ✔ find ✔ sort ✔ some ✔ every

👀 클로저 모듈 패턴 메서드 호출 ✔ 클로저를 이용해 매법 새로운 객체 생성

🔍 Class & Instance ✔ 클래스를 만드는 방법: ✔ 새로운 Instance를 만드는 방법: 👀 속성과 메서드 ✔ class: 속성의 정의 ✔ class: 메서드의 정의 ✔ instance에서의 사용 ✔ 실전 예제-배열

🔍 객체 지향 프로그래밍(OOP) 👀 OOP Basic Concepts ✔ Encapsulation(캡슐화) ✔ Abstraction(추상화) ✔ Inheritance(상속) ✔ Polymorphism(다형성) 🔥 정리

🔍 Prototype this. .prototype .__proto__ .constuctor 👀 Class , Instance, Prototype의 관계 ✔ Array(배열) Class, Instance, Prototype의 관계

🔍 Prototype Chain 👀 예시 ✔ extends와 super 키워드로 상속 구현 ✔ __proto__ 속성으로 상속 확인

비동기 호출(Asynchronous call) 🔍 비동기? callback review blocking vs non.blocking 👀 실제 작동 예시 ✔ 동기 함수 (call syncronously) ✔ 비동기 함수 (call asyncronously) ✔ 비동기

👀 Why Async? ✔ callback ✔ callback 예시 ✔ Promise ✔ Promise.all ✔ Async await 🔥 실습 질문

⚙ 타이머 관련 API ◾ setTimeout(callback, millisecond) ◾ clearTimeout(timerId) ◾ setInterval(callback, millisecond) ◾ clearInterval(timerId)

⚙ Node.js 내장 모듈 사용 방법 3rd-party 모듈 사용 방법 Node.js 공식문서 가이드 fs.readFile

👀 fetch API ✔ 사용 예시

🔍 재귀 👀 재귀적으로 사고하기

🔍 JSON? 👀 JSON의 기본 규칙

🔍 자료구조

🔍 Stack ✔ 기본 코드 👀 실사용 예시 ✔ 브라우저의 뒤로 가기, 앞으로 가기 기능 구현

🔍 Queue ✔ 기본 코드 👀 실사용 예시 ✔ Printer

🔍 Tree ✔ 기본 코드 👀 실사용 예시 ✔ 컴퓨터의 디렉토리 구조

🔍 Binary Search Tree 👀 이진 트리(Binary Tree) 👀 이진 탐색 트리(Binary Search Tree) ✔ 이진 탐색 트리의 특징 👀 Tree Traversal ✔ 전위 순회(Preorder Traverse) ✔ 중위 순회(Inorde

🔍 Graph 🔍 Graph의 표현 방식 👀인접 행렬(Adjacency Matrix) 무방향 그래프(Undirected Graph) 방향 그래프(directed Graph) ✔구현 코드 👀인접 리스트(Adjacency List) ✔구현 코드 🔥 실사용 예시 ✔

🔍 BFS vs DFS 👀 BFS(Breathed First Search) 👀 DFS(Ddepth First Search) 🔥 DFS vs BFS

parameter의 값이 정수일 경우, true 아니라면 false를 반환한다. Reference : mdn_Number.isInterger()

프로그래머스 코딩 테스트 연습 중, 자연수 n이 매개변수로 주어졌을 때, 자연수 n을 3진법으로 변환 -> 역으로 뒤집은 후 -> 10진법으로 표현하는 문제가 있었다.아래는 처음 문제풀이 시 작성한 코드이다.아래는 toString()을 적용해 자연수 n(10진수)을 3

주어진 객체 자체의 열거 가능한 문자열 키 속성 키-값 쌍의 배열을 반환하는 메서드로, 아래와 같이 사용된다.Reference: MDN-Object.entries()