개발스토리

REPL 사용하기 자바스크립트는 스크립트 언어이므로 미리 컴파일을 하지 않아도 즉석에서 코드를 실행할 수 있다. 입력한 코드를 읽고(Read), 해석하고(Eval), 결과물을 반환하고(Print), 종료할 때까지 반복한다(Loop)고 해서 REPL이라고 부른다. VS Code에서 터미널을 키자. $ node //콘솔에서 REPL로 들어가는 명령어 > const str = 'hello'; > undefined > console.log(str); hello undefined > 위와 같이 출력되면 성공이다. 입력한 코드를 REPL이 읽고 해석한 뒤 바로 결과물을 출력했다. 그리고 종료되기 전까지 입력을 기다린다. 종료하려면 CTRL + C를 두번 누르면 된다. REPL은 한두 줄 짜리 코드를 테스트해보는 용..

AJAX AJAX는 비동기적 웹 서비스를 개발할 때 사용하는 기법이다. 쉽게 말해 페이지 이동 없이 서버에 요청을 보내고 응답을 받는 기술이다. 보통 AJAX 요청은 jQuery나 axios 같은 라이브러리를 이용해서 보낸다. 프론트엔드에서 사용하려면 HTML 파일을 하나 만들고 그 안에 script 태그를 추가해야 한다. 두 번째 태그 안에 앞으로 나오는 프론트엔드 예제 코드를 넣으면 된다. 먼저 요청의 한 종류인 GET요청을 보내보자. axios.get함수의 인수로 요청을 보낼 주소를 넣으면 된다. axios.get('https://www.yeah.com/api/get') .then((result)=>{ console.log(result); console.log(result.data); // {} }..

클래스 클래스 문법도 추가되었다. 하지만 다른 언어처럼 클래스 기반으로 동작하는 것이 아니라 여전히 프로토타입 기반으로 동작한다. 프로토타입 기반 문법을 보기 좋게 클래스로 바꾼 것이라고 이해하면 된다. 다음은 프로토타입 상속 예제 코드이다. var Human = function(type){ this.type = type || 'human'; }; Human.isHuman = function(human){ return human is instanceof Human; } Human.prototype.breathe = function(){ alert('h-a-a-a-m'); }; var Zero = function(type, firstName, lastName){ Human.apply(this, argume..

화살표 함수 화살표 함수(arrow function)라는 새로운 함수가 추가되었으며, 기존의 function() {}도 그대로 사용할 수 있다. function add1(x,y){ return x+y; } const add2 = (x,y) => { return x+y; } const add3 = (x,y) => x+y; const add4 = (x,y) => (x+y); function not1(x){ return !x; } const not2 = x => !x; add1, add2, add3, add4는 같은 기능을 하는 함수다. not1, not2도 같은 기능을 하는 함수이다. 화살표 함수는 function 선언 대신 => 기호로 함수를 선언한다. 또한 변수에 대입하면 나중에 재사용할 수 있다. 화살..