JavaScript & TypeScript
1.JS)변수,타입,함수
1\. 변수 1.1 변수에 대해 1.2 변수 선언 1.3 변수 실습2\. 타입 2.1 타입이란 2.2 타입정리 3\. 함수 3.1 함수에 대해 3.2 함수 기초 3.3 함수의 선언 종류 3.4 함수 실습 상황에따라 변할 수 있는 값 프
2.JS) 배열
배열 1. 배열 기초 1.1 배열의 기초 1.2 배열 접근법 1.3 배열의 반복 2. 배열의 다양한 메소드 2.1 push,pop 2.2 unshift,shift 2.3 slice,splice,split 2.4 sort 2.5 indexOf,incl
3.JS) 조건문
조건문 1. 조건문 구동 방법 1.1비교연산자,논리연산자 1.2 간단한 조건문 2. if,if~else,else에 대한 이해 2.1 if,if~else,else의 개념 2.2 예시 3. 비교연산자,논리연산자를 통한 조건문 4. 실습 1. 조
4.JS) 문자열
1\. 문자열 기초 1.1 문자열 만들기 1.2 문자열 연결하기, 문자열과 숫자열2\. 문자열 다루기 2.1 Strindex 2.2 Str.length 2.3 Str.indexOf(searchValue) 2.4 Str.split(seperato
5.JS) 반복문
반복문 1. 반복문 기초 1.1 반복문 기초 1.2 for문에 대해 1.3 while문에 대해 1.4 break,continue 2. 반복문 실습 2.1 for문 2.2 while문 2.3 for문과 while문의 차이 2.4 이중 for문
6.JS)객체
객체 1. 객체에 대해 1.1 객체의 기초 1.2 객체 값 추가, 삭제 1.3 for~in 활용 2. 객체의 다양한 활용 2.1 sort로 객체값 정렬 2.2 객체에 키, 키값 추가 2.3 객체를 활용한 예시 1. 객체에 대해 1.1 객체의 기초 객
7.JS)객체지향,절차지향
1.1 객체지향 프로그래밍1.2 OOP Basic ConceptsJava Script언어는 객체지향 언어가 아니라 프로토타입 기반 언어입니다.Java Script에서 객체지향이 이루어지게 하는 class는 prototype을 이용해 구현하는것 입니다.이전 객체지향이라
8.JS) 재귀함수
1.1 재귀함수 특징1.2 재귀함수 사용 예시자료구조에서 Tree구조에서 재귀함수를 사용한다.for문과 while문으로도 충분히 할 수 있지만 재귀함수로 풀어야하는 알고리즘은 존재한다.특징1\. 종료조건: 종료조건을 통해 원치 않는 값이 들어왔을경우 재귀가 계속 동작하
9.JS) 얕은 복사, 깊은 복사
얕은복사, 깊은 복사 1. Java script 원시형과 참조형 1.1 원시형 자료 1.2 참조형 자료 1.3 원시형자료와 참조형자료 차이 2. 얕은복사와 깊은복사 2.1 얕은복사와 깊은복사 차이 2.2 활용 예시 1. Java script 원시형과 참조형 1.1
10.JS) 내장고차함수
map,reduce,filter 1. 내장 고차함수 1.1 내장고차함수란 2. 3가지 JS array method 2.1 map 2.2 reduce 2.3 filter 2.4 forEach 2.5 sort 2.6 some 2.7 every 2.8 find 2.9 fi
11.JS) stack,Queue
1. stack 2. Queue 1. stack 데이터가 순서대로 쌓이는 구조 가장 먼저 들어간 데이터가 가장 나중에 나온다. 프링글스 통으로 생각하면 편함 stack의 사용예시 !)웹브라우저 방문기록 !!)실행취소 !!!)역순 문자열
12.JS)동기,비동기(blocking,non-blocking)
3.1 callback3.2 Promise 3.3 async/await위 사진과 같이 커피를 주문하는 상황에서 A가 커피주문을하고 커피가 나와 절달되어야지 다음사람이 커피를 주문할수 있는 상황(동기)와 커피를 주문하고 커피가 나올때마다 커피를 받으러 오면되는 상황(비동
13.JS) JS의 동작방법과 Queueu의 종류에따른 작동 (Microtask Queue,Animation Frames, Task Queue)
1. JS의 동작 2. 코드로 알아보는 JS 동작 순서 1. JS의 동작 자바스크립트의 내부 구조이다. 왼쪽부터 명칭과 기능을 설명하겠다. 1.Memory Heap: 메모리 할당이 일어나는곳 (Heap: 객체(변수,함수)들을 저장하는곳) 2.Call Stack:
14.JS) Redux , 상태관리
1. Redux에 대해 2. Redux예시 2.1 JS Redux 구동 2.2 React Redux 구동 1. Redux에 대해 1.1 Redux란 리덕스는 복잡한 State관리를 단방향 데이터 흐름체계로 만들어주는 도구이다. 리덕스는 상태관리를 효율적이고 간단하게
15.JS) 자바스크립트보다 좀더 엄격한 TypeScript에 대해
마이크로소프트에서 구현한 JavaScript의 슈퍼셋(Superset) 프로그래밍 언어이며 확장자로는 .ts를 사용하며, 컴파일의 결과물로 JavaScript 코드를 출력한다. 최종적으로 런타임에서는 이렇게 출력된 JavaScript 코드를 구동시켜야 한다.타입스크립트