Today I Learned/TIL 05
-
2023 - 05 - 24 콜백함수 및 콜백함수의 제어권Today I Learned/TIL 05 2023. 6. 1. 07:23
오늘 할일 1. 4주차 강의 듣기 2. 프로그래머스 문제 풀기 3. 개인 과제 프로젝트 오늘 배운것 1. 콜백 함수 콜백함수 1. setTimeout setTimeout(function () { console.log("hello"); }, 1000); //"hello" 콜백함수 2. forEach const numbers = [1, 2, 3, 4, 5]; numbers.forEach(function(numbers)){ console.log(numbers); // 1, 2, 3, 4, 5 } 콜백함수는 setTimeout이나 배열의 forEach 문 들에 들어가는 함수를 의미한다. setTimeout ( 함수값, 1000) => 1.000초 뒤 출력 setInterval (함수값, 1500) => 1.5초..
-
2023 - 05 - 22 REST APIToday I Learned/TIL 05 2023. 6. 1. 07:23
REST API 웹의 장점을 최대한 활용할 수있는 아키텍처로서 REST를 발표함. REST의 규칙을 지키면서 만든 API를 REST API 혹은 RESTful API라고 한다. API Application Programming Interface (애플리케이션 프로그래 인터페이스) > 중간 전달자, e.g. 은행 창구 REST의 특징 1) Uniform (유니폼 인터페이스) 2) Stateless (무상태성) 3) Cacheable (캐시 가능) 4) Self-descriptiveness (자체 표현 구조) : REST API만 보고도 쉽게 이해 가능한 구조 5) Client - Server 구조 : 서버는 API 제공 / 클라이언트는 사용자인증, 로그인 정보 관리 로 역할 확실히 구분 6) 계층형 구조 ..
-
2023 - 05 - 21 자료구조 map과 set, 매서드, 반복자Today I Learned/TIL 05 2023. 6. 1. 07:22
오늘 할일 자바스크립트 2강 듣기 오늘 배운것 자료구조 (map , set) : map과set은 고유한 값을 저장하는 자료구조이다. map과 set는 기존의 배열(array)나 객체(object)보다 훨씬 더 효율적이다. 1. Map key-value pair로 이뤄지므로 객체와 같음. 하지만! 객체는 key에 문자열 형태인 반면, Map은 key값 자리에 어떤 유형의 데이터 타입도 다 들어올 수 있다. 왜냐하면 Map은 key가 정렬된 순서로 저장되기 때문이다. 검색, 삭제, 제거(완전한 제거), 여부확인 기능 제공 Map에서 key-value pair를 넣는 방식은 객체와는 다르다. 아래와 같이 넣는다. const myMap = new Map(); myMap.set('key', 'value'); ->..
-
2023 - 05 - 20 일급객체로써의 함수(콜백함수, 고차함수)Today I Learned/TIL 05 2023. 6. 1. 07:22
오늘 할일 자바스크립트 2주차 강의 듣기 오늘 배운 것 일급 객체 (First-class Object)로써의 함수 일급객체로써의 함수는 함수로써 자바스크립트에 존재하는게 아니라, 객체로써 자바스크립트에 존재하기 때문에 중요하다. 일급객체는 다른 객체들과 똑같다. 다른 객체들에 일반적으로 적용 가능한 연산자를 모두 지원한다. 다른 객체들은 매개변수로 전달될수 있고, return문으로 출력될 수 있고, 모든 연산이 가능하다. 일급객체로서의 함수도 그런것들이 가능하다. 함수가 일급객체로써 취급되는 5가지 경우 1. 변수에 함수를 할당할 수 있다. 2. 함수를 인자로 다른 함수에 전달할 수 있다. 3. 함수를 return문으로 반환할 수 있다. 4. 객체의 프로퍼티로 함수를 할당할수 있다. 5. 배열의 요소(인..
-
2023 - 05 - 19 구조분해할당, ES6 , 단축 속성명, 전개구문 (스프레드 오퍼레이터), 나머지 매개변수 (레스트 파라미터), 템플릿 리터럴 (백틱)Today I Learned/TIL 05 2023. 6. 1. 07:21
오늘 할일 자바스크립트 2주차 강의 듣기 오늘 배운 것 1. 구조분해할당 destructuring, 2. ES6 단축속성명 property shorthand 3. 전개구문 (스프레드 오퍼레이터) spread operator, 4. 나머지 매개변수 (레스트 파라미터) rest parameter, 5. 템플릿 리터럴 (백틱) template literal 1. 구조분해 할당 destructuring 구조분해할당은 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 함. 배열 : 대괄호 [ ] 안의 요소들 객체 : 중괄호 { } 안의 요소들 (1) 배열 구조분해할당 [1, 'new']; let [value1, value2] = [1, 'new']; 이렇게 할 경우 우항의 배열 [1, 'new'] 을..
-
2023 - 05 - 18 반복문 (for문, for~in문, while문, do while문, break문, continue문)Today I Learned/TIL 05 2023. 6. 1. 07:21
오늘 할일 자바스크립트 1주차 강의 듣기 오늘 배운 것 반복문 (for문, for ~in문, while문, do while문, break문, continue문) for문과 while 문에서의 if문을 통한 분기처리가 중요하다. 1. for문의 형태 for(초깃값; 조건식; 증감식){ //main logic } 해석 : i라는 변수는 0부터 시작, 10에 도달하기 전까지 계속된다. 1사이클이 돌고나면 1을 더한다. for(let i = 0; i < 10; i++){ console.log(i); } // 0 1 2 3 4 5 6 7 8 9 배열과 for문은 짝궁이다. 배열이 주어질 경우 항상 조건식에 length를 쓴다. 그냥 i 는 인덱스값이 몇번째인지만. Arr[ i ]는인덱스값의 요소를 출력. cons..
-
2023 - 05 - 17 배열, 배열 메서드 (중요)Today I Learned/TIL 05 2023. 6. 1. 07:21
오늘 할일 자바스크립트 1주차 공부하기 개인과제 오늘 배운 것 배열, 배열의 매서드 1 push , 2 pop , 3 shift , 4 unshift , 5 splice , 6 slice, 7 forEach, 8 map, 9 filter, 10 find 배열 : 1.대괄호안에 쓴다. 2. 배열의 각 요소들은 index를 갖고 있다. 0, 1, 2,순 배열의 length는 인덱스의 숫자. for문이나 while문에서 많이 쓰임. 1 기본생성 let fruits = ['사과', '바나나', '오렌지']; console.log (fruits.length) // 3 2 크기지정 (new Array(인덱스숫자)) let number = new Array(5); console.log(number); // [] 3 ..
-
2023 - 05 - 16 객체, 객체 메서드, 생성자함수, 문자열화, 객체병합 (중요)Today I Learned/TIL 05 2023. 6. 1. 07:21
오늘 할일 자바스크립트 1주차 강의 듣기 오늘 배운 것 객체, 객체 메서드, 생성자함수, 문자열화, 객체병합 객체 key - value pair 하나의 변수에 여러 값을 넣을 수 있다. value에 해당하는 값에 어떠한 타입도 넣을수 있다.(문자열, 숫자열 등) 심지어 value에 해당하는 값에 함수, 또다른 객체, 배열도 넣을 수 있다. 기본적인 객체 생성방법 let person = { name: "홍길동", age : 30, gender : "남자", } 생성자함수를 이용한 객체 생성방법 (this, class 사용) function Person (name, age, gender){ this.name = name; this.age = age; this.gender = gender; } let pers..