Hwan'ss

Q. 1번 // 문제1) 다음 코드의 출력 결과는 ? const num = 1234; const str = '1234'; const a = num-'10'; const b = str-10; console.log( a, typeof(a) ); console.log( b, typeof(b) ); // 정답) // 1224 number // 1224 number Q. 2번 // 문제2) 다음 코드의 출력 결과는 ? let a = 0; let b = 0; let c = 0; if( a === 1 && b++ > 0 && ++c > 0){ console.log('Tiger'); }else{ console.log('Lion'); } console.log(a, b, c); // 정답) // Lion // 0, 0, ..

Q. 1번 // 문제1) 다음 코드의 출력 결과는 ? const ar = [52,273,103,32]; ar.sort(); console.log(ar); // 정답) // [103, 273, 32, 52] - sort()라는 것은 JS에서 기본적으로 제공되는 함수이다. 배열에 들어있는 내용들을 문자열(string)로 자동 변환 후, 그 문자들의 유니코드값의 크기에 따라 정렬해준다. 그렇기 때문에 다음과 같은 출력결과가 출력이 된다. - 문자열의 정렬 조건을, ASCII 코드 값이 아닌, 다른 조건으로 바꾸고 싶다면, 조건 사항을 함수로 작성한 후, 그 함수를 "sort()"의 괄호() 안에 넣어줘야 한다. Q. 2번 // 문제2) 다음 코드의 출력 결과는 ? console.log(Math.ceil(3.1..

서버를 사용 할 때 express, koa 순으로 많이 사용하나, koa를 사용해서 서버를 서버를 구축하겠다. 둘 중에 서버를 구축할 때 koa를 사용하도록 해라(강사님 말씀) 1. 초기 세팅 - .js파일에서만 작업하기 때문에 react 프로젝트를 생성 할 필요가 없으며, 폴더 하나만 생성해서 server.js 파일을 만들어 준다. - package.json 도 필요하기 때문에 터미널에 npm init 명령을 통해 package.json 파일을 생성한다. - npm install koa => koa를 사용하기 위한 라이브러리 - npm install nodemon => 서버를 재실행 시켜주는 라이브러리(필요 시 사용하고 필수 아님) - npm install koa-router => 라우팅을 위한 라이브..

Ex01. 전형적인 비동기 함수 예제 // // 전형적인 비동기 예제 function f1() { setTimeout(() => { console.log(1); }, 2000) } function f2() { setTimeout(() => { console.log(2); }, 1000) } // 즉시 실행 함수(IIFE) (function f3() { f1() f2() })() - 각 함수를 호출 놓고 실행이 되던지 말던지 관심없는 전형적인 비동기 예제이다. Ex02. Promise()를 사용하여 Ex01 예제를 동기 될 수 있도록 한 예제 function f1() { return new Promise((r1, r2)=>{ setTimeout(() => { console.log(1); r1(); }, 2..

Step1. new Promise 내부에서 new Promise 사용하기. // step1 // new Promise를 또 내부에 사용 가능? 응 가능 new Promise((r1, r2) => { console.log('Promise(1)'); r1(); }) .then(() => { console.log('then(2)'); new Promise((r1, r2) => { console.log('Promise(3)'); r1(); }) .then(() => { console.log('then(4)'); }) }) Step2. Promise를 return 받아 then을 끄집어 내기 // step2 // step1에서 then을 밖으로 끄집어 내기 /* then안에서 return을 사용하면 promise..

Ex01. setTimeout() // ex01 // 1초 뒤에 함수 call // non-block 이면서 비동기 함수이다. setTimeout(function () { console.log(1); }, 1000) console.log(2); Ex02. setTimeout()의 인수전달1 // ex02 // setTimeout의 인수전달 // 호랑이는 a로, 30은 b로 인수가 전달이 된다. setTimeout(function (a, b) { console.log(1); console.log(a, b); // 출력방법1 console.log(arguments[0], arguments[1]); // 출력방법2 // arguments를 사용하면 받는 인수의 개수와 상관없이 받아서 사용 할 수 있다. con..

1. concat(), slice(), pop() 예제 // 문법1 let arr = [10, 20, 30, 40, 50] console.log('arr 출력 : ', arr); console.log('------------------------------------------------------'); // 추가, 연결을 위한 함수 arr.concat(60); // 그러나 출력 결과에는 추가가 되지 않음 console.log('arr.concat 출력 : ', arr); console.log('------------------------------------------------------'); // concat은 자체적으로 붙인것 처럼 보이지만 복사본이다. // arr = arr.concat(60);..

2019.07.31(수) Java Script 함수 호출, 객체, 배열 사용 Ex01 // Ex01 // 자바스크립트는 함수 오버로딩이 성립되지 않는다. function f1() { console.log('나는야 f1()-1'); } function f1(a) { console.log('나는야 f1()-2'); console.log(a); } function f1(a, b) { console.log('나는야 f1()-3'); console.log(a, b); } // 3개 모두 f1(a, b)의 함수가 호출이 된다. // 즉, 가장 마지막에 컴파일 되었던 함수만 남고 나머지는 무시(제거)된다. f1(); console.log('------------'); f1(5); console.log('-------..