Today I Learned
-
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..
-
2023 - 05 - 15 조건문, 조건부실행, 삼항연산자, 단축평가Today I Learned/TIL 05 2023. 6. 1. 07:21
오늘 할일 자바스크립트 1주차 강의 듣기 오늘 배운것 1. 조건문 (if문, else문, else if 문, switch / break문) 2. 조건문 중첩 3. 조건부실행(&&), 4. 삼항연산자, 단축평가 5. truthy한 값, falsy한 값 1. if문 let x = 10; if (x > 0){ console.log("x는 양수입니다.") } //x는 양수입니다. (선언된 변수값 10이 if문을 충족시킴) y의 길이가 5보다 크거나 같으면 길이를 출력하시오. let y = "Hello World" if (y.length >= 5){ console.log(y.length) } // 11 (선언된 변수값 "Hello World" 이 if문을 충족시킴) 2. if~ else 문 let x = -3; ..
-
2023- 05 - 14 함수, 전역변수, 지역변수, 화살표함수Today I Learned/TIL 05 2023. 6. 1. 07:20
오늘 할일 자바스크립트 1강 듣기 오늘 배운 것 함수, 전역변수, 지역변수, 화살표함수 함수 (function)라는 뜻은 어떤 기능을 의미함 (input, output을 갖고있는 어떤 기능의 단위.) 입력(input)은 매개변수값으로, 출력(output)은 return값으로 함 함수는 크게 1.함수 선언문 형태, 2. 함수 표현식 형태 두 가지가 있다. 1. 함수 선언문 형태 (function declaration) function add (매개변수input) { //함수 내부에서 실행할 로직(Main Logic) } function add(x, y) { return x + y; } console.log(add(2, 3)); // 5 위의 예제에서는 function 키워드를 사용하여 add라는 함수를 선..
-
2023- 05 - 13 형 변환 (데이터타입 변환), 연산자Today I Learned/TIL 05 2023. 6. 1. 07:20
오늘 할일 자바스크립트 1주차 강의 듣기. 개인과제 복습하기. 오늘 배운 것 1. 형변환 2.연산자 형 변환 : 형태를 바꾼다. 문자열을 숫자열로, 숫자열을 문자열로 등등. 1. 암시적 형 변환 : 개발자가 의도하지 않았고, 자동적으로 바뀌는 형 변환 2. 명시적 형 변환 : 개발자가 의도한 형 변환 암시적 형변환 (1) 문자열과 다른 데이터타입(숫자열, null, 객체, underined 등)이 더하기되면 문자열이 된다. let result = 1+"2"; console.log(result); // 12 console.log(typeof result); // string (숫자열 + 문자열 = 문자열(string)) let result = "1" + true; console.log(result); //..
-
2023- 05 -12 기타 데이터타입 (객체, 배열, 불리언, undefined, null)Today I Learned/TIL 05 2023. 6. 1. 07:19
오늘 할일 자바스크립트 1주차 강의 듣기. 오늘 배운것 기타 데이터 타입 1. 불리언 (Boolean) 불리언은 참(true)과 거짓(false)을 나타내는 데이터 타입이다. let bool1 = true; console.log(bool1); // true console.log(typeof bool1); // boolean let bool2 = false; console.log(bool2); // false console.log(typeof bool2); // boolean boolean은 true 또는 false로 도출되고, typeof 값은 boolean으로 도출된다. 여기서 변수값에 true나 false는 임의로 쓰는게 아니라, 반드시 true 또는 false 라고 써야 출력됨. 불리언 데이터 타입..