I am Nanna

// Q1. make a string out of an array { const fruits = ['apple', 'banana', 'orange']; const result = fruits.join(); console.log(result); // apple,banana,orange } // Q2. make an array out of a string { const fruits = '🍎, 🥝, 🍌, 🍒'; const result = fruits.split(','); console.log(result); // ["🍎", "🥝", "🍌", "🍒"] } // Q3. make this array look like this: [5, 4, 3,..

Array Declaration const arr1 = new Array(); const arr2 = [1, 2]; Index position const fruits = [&#39;apple&#39;, &#39;banana&#39;]; console.log(fruits[1]); // banana console.log(fruits[2]); // undefined Looping over an array for 사용 for (let i = 0; i < fruits.length ; i++) { console.log(fruits[i]); } for ... of 사용 for (let fruit of fruits) { console.log(fruit); } forEach 사용 fruits.forEach(functio..

Object 자바스크립트 타입의 일종 관련 있는 데이터나 함수의 묶음 { key: value } key와 value의 집합체 Literals and properties object literal const obj1 = {}; object constructor const obj2 = new Object(); 나중에 property 추가 가능 obj.plus = "+"; 나중에 property 삭제도 가능 delete obj.plus; 자바 스크립트는 동적 언어라 가능하다. Computed properties object안의 값을 접근하는 방법 console.log(me.name); // Computed properties console.log(me[&#39;name&#39;]); // key는 string..

Class (붕어빵 틀) template 선언 한 번 데이터가 들어있지 않음 Object (팥붕어빵, 크림붕어빵, 초코붕어빵...) class의 instance 여러번 생성 가능 데이터가 들어있음 자바스크립트에서 클래스 ES6에서 도입 프로토타입-베이스 기반으로 만들어짐 Class declarations class Person { constructor(name, age) { // fields this.name = name; this.age = age; } // methods speak() { console.log(`${this.name}: Hello!`); } } // ob const soo = new Person(&#39;hyun&#39;, 20); console.log(soo.name); consol..

Function 프로그램을 구성하는 기본적인 building block subprogram이라고도 하며 여러번 사용할 수 있다. 한 가지의 task나 값을 계산함 함수 선언 function name(param1, param2) {body... return;} 한 가지 함수는 한 가지 일만 naming은 doSomething, command, verb 형태 함수는 JS에서 object parameter랑 return의 타입 안 정해짐 → TS에서는 지정 매개변수(parameters) premitive parameters: 값으로 전달 값을 복사해서 사용 let a = 7; function plus(num) { num++; } console.log(a); plus(a); console.log(a); // 7..

8.1 함수 정의하기 함수 선언문 function sum(a, b) { return a + b; } 함수 리터럴 const sum = function(a, b) { return a + b; }; Function 생성자 const sum = new Function("a", "b", "a + b"); 화살표 함수 const sum = (a, b) => a + b; 중첩 함수(nested function) 특정 함수의 내부에 선언된 함수 if, while 등 문장 블록 안에서 작성 불가 외부 함수의 바깔에서 사용 불가 8.2 함수 호출하기 함수 호출 const s = sum(1, 3); 메서드 호출 obj.sum(1, 3); 생성자 호출 const obj = new Object(); call, apply를 사..

7.1 제어 구문 순차적 실행 흐름을 변화시키는 문장 7.2 조건문 if/else 문 switch 문 default 7.3 반복문 while 문 do/while 문 한 번 실행 후 마지막 부분에서 판단 for 문 for/in 문 객체 안의 프로퍼티를 순환 7.4 점프문 라벨문 자바스크립트에서는 모든 문장에 라벨을 붙일 수 있음 loop: while(true) { ... if(confirm("종료하시겠습니까?")) break loop; ... } break 문 switch나 반복문 안에서 사용 가장 안쪽에 있는 switch나 반복문에서 빠져나옴 라벨을 지정하면 라벨이 붙은 문장 끝으로 점프 라벨을 지정한 모든 문장에서 사용 가능 continue 문 반복문에서만 사용 반복문 실행을 멈추고 반복을 새로 시작 ..

6.1 대화상자 표시하기 대화상자는 모달(modal) 창 → 부모 창의 작업이 일시적으로 정지, 부모 창 조작할 수 없음 대화상자에서는 일반 텍스트만 표시 가능(줄 바꿈 문자는 이스케이프 시퀀스로 표현) window.을 빼고 호출 할 수 있음 1. alert alert("Hello World"); 2. prompt const name = prompt("What&#39;s your name?"); 초기값 지정할 수 있다. const name = prompt("What&#39;s your name?", "홍길동"); 입력 받은 문자열은 prompt의 반환값이 된다. 3. confirm const okay = confirm("삭제하시겠습니까?"); if (okay) { console.log("okay"); }..