채린씨의 티스토리

나는 뭔가를 공부할 때 한눈에 들어오는 정리본을 보면서 그 위치로 내용을 외우는 편이라.. 자바스크립트 기초 문법 강의 총정리본을 만들었다. 클컴 치팅시트를 만들던 짬바로 호다닥 만들었는데, 이 글을 읽는 누군가에게 1이라도 도움이 된다면 정말정말 좋겠네요~!

* N차원 배열 - 배열(Array) 안에 배열이 존재하는 객체 - 2/3차원 지도 정보, RGB를 저장하는 사진 파일 등을 표현할 때 활용 가능 * 2차원 배열 예제 - 2차원 배열은 array[N][M]으로 접근 가능하며, 배열 전체를 push(), pop() 가능 let array = [ [101, 102, 103], [201, 202, 203], [301, 302, 303], [401, 402, 403], ]; console.log(array); // output: [ [ 101, 102, 103 ], [ 201, 202, 203 ], [ 301, 302, 303 ], [ 401, 402, 403 ] ] /* length로 2차원 배열의 크기 구하기 */ console.log(array.lengt..

* Date - 표준 built-in 객체로써 날짜와 시간을 위한 속성값(property)와 메서드를 제공하는 개체 - 1970년 1월 1일 00:00:00 UTC(협정 세계시) 기준 * Date 생성자 - 생성자 종류: new Date(), new Date(miliseconds), new Date(datestring), new Date(year, month, date, hours, minutes, seconds, ms) /* 1. new를 이용한 Date 생성 */ let date_now = new Date(); console.log(date_now); // output: 2022-03-14T17:05:05.890Z (현재 년, 월, 일, 시, 분, 초, 밀리초) // KST(Korea Standard..

* Math - 표준 Built-in 객체로써 수학적인 연산을 위한 속성 값과 메서드 제공 - Math는 생성자 함수가 아니며, 모든 속성과 메서드는 정적이므로 Math.function()으로 언제든지 호출 가능 * 최대/최소/절댓값 - 최댓값: Math.max(x) - 최솟값: Math.min(x) - 배열을 인수로 받아 최대/최소를 산출하려면 apply 함수 혹은 스프레드 문법 사용 필요 - 절댓값: Math.abs(x) /* max, min을 이용해서 최댓값, 최솟값 구하기 */ console.log(Math.max(1, -1)); // output: 1 console.log(Math.min(1, -1)); // output: -1 console.log(Math.max(1, -1, 5, 23, 17..

* Set - value만을 저장하며 중복을 허용하지 않는 Collection - 다양한 자료형의 value를 허용함 - 생성: newSet() * 요소 추가/삭제, 크기, 요소 존재 여부 확인 - 요소 추가: Set.add(value) - 요소 삭제: Set.delete(value) - 요소 전체 삭제: Set.clear() - 요소 개수 확인: Set.size - 요소 존재 여부 확인: Set.has(value) - set.add 호출 시 set이 반환되므로 체이닝(chaining) 가능 let blank_set = new Set(); let num_set = new Set([1, 2, 3, 4, 5]); let str_set = new Set("Hello!"); let mix_set = new S..

* Map - key-value 형태의 자료형을 저장할 수 있는 Collection - Object와 달리 다양한 자료형의 key를 허용함 - Object와 달리 값의 추가/삭제 시 메서드를 이용해야 함 - 생성: new Map() * 요소 추가/삭제, 크기 - 요소 추가: Map.set(key, value) - 요소 접근: Map.get(key) - 요소 삭제: Map.delete(key) - 요소 전체 삭제: Map.clear() - 요소 개수 확인: Map.size - map.set 호출 시 map이 반환되므로 체이닝(chaining) 가능 // map이라는 새로운 Map 생성 let map = new Map(); // set을 이용한 요소 추가 (다양한 자료형의 key 허용) map.set("na..

* Collection - 구조/비구조 형태로 프로그래밍 언어가 제공하는 값을 담을 수 있는 공간 - 자바스크립트에서 제공하는 Collection - Indexed Collection: index를 이용해서 각 요소에 접근 - Keyed Collection: key를 이용해서 각 요소에 접근

* 생성자 함수 - 유사한 객체를 다중으로 생성할 때 사용되는 함수 (타 언어의 class 개념과 유사) - 일반적으로 생성자 함수의 첫 글자는 대문자로 시작 - 생성자 함수로 객체 생성 시 키워드 new를 이용 // 붕어빵 틀 (생성자 함수) function FishBread(flavor, price) { this.flavor = flavor; this.price = price; this.base = "flour"; } // 붕어빵 틀로 찍어낸 붕어빵들 (객체들) let bread_1 = new FishBread("redbean", 1000); let bread_2 = new FishBread("cream", 1200); let bread_3 = new FishBread("pizza", 1500); c..