var 재선언 가능 > 재선언 하여도 에러가 나지 않는다 let 재선언 불가능 > 재선언시 SyntaxError가 남 let없이는 재선언 가능 아래는 let을 다시 선언했을 때, 에러를 출력하는 콘솔창을 보여준다. let 사용에 대한 정리 소스이다. const 재선언 불가능 아래는 const를 다시 선언했을 때, 에러를 출력하는 콘솔창을 보여준다. let 사용에 대한 정리 소스이다. 아래의 내용을 가지고왔다. 참고하길 바란다. 더보기 var의 세 가지 문제점 1. 선언을 중복해서 할 수 있다 var code = 10; var code = 20; console.log(`code: ${code}`); // 'code: 20' 같은 이름의 변수를 중복해서 선언해도 정상적으로 동작하며, 가장 마지막 값을 저장하..

다음은 주석처리를 하는 방법을 script안에 기재하였다. 참고하면 되겠다! 1-03.주석(Comments) 처리.html

다음과 같이 script안에 console.log를 이용하여 콘솔에 출력하면된다. 1-02.콘솔(Console).html 이는 다음과 같이 에러가 어떤부분에서 났는지를 알게 해준다는 이점에 사용한다. document.wrㅐite("화면에 메시지를 출력합니다.");

Snippet을 만드는 방법을 배웠는데 이는 아래의 링크에서 참고하도록 하자. https://ux.stories.pe.kr/290 Visual Studio Code에서 코드조각(Snippets)을 슬기롭게 사용하는 방법 Visual Studio Code (이하 VS code) 자체만으로도 매우 훌륭한 툴이지만 코드 조각(Snippets)을 잘 활용한다면 더 쉽고 빠르게 코딩을 할 수 있어요. 코드 조각(Snippets)이라고 하면 핸드폰의 단축키처럼 특 ux.stories.pe.kr 다음과 같이 head안에, body안에, js파일을 별도로 만들어서 src로 불러와서 script를 표현할 수 있다. 1-01.자바스크립트 작성 위치.html script/1-01.자바스크립트 작성 위치.js document..

async/await 문법은 ES8에 해당하는 문법으로서, Promise 를 더욱 쉽게 사용 할 수 있게 해줍니다. 기본적인 사용법을 알아봅시다. function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } async function process() { console.log('안녕하세요!'); await sleep(1000); // 1초쉬고 console.log('반갑습니다!'); } process(); async/await 문법을 사용할 때에는, 함수를 선언 할 때 함수의 앞부분에 async 키워드를 붙여주세요. 그리고 Promise 의 앞부분에 await 을 넣어주면 해당 프로미스가 끝날때까지 기다렸다가 다음 작업을 수..

프로미스는 비동기 작업을 조금 더 편하게 처리 할 수 있도록 ES6 에 도입된 기능입니다. 이전에는 비동기 작업을 처리 할 때에는 콜백 함수로 처리를 해야 했었는데요, 콜백 함수로 처리를 하게 된다면 비동기 작업이 많아질 경우 코드가 쉽게 난잡해지게 되었습니다. 한번 숫자 n 을 파라미터로 받아와서 다섯번에 걸쳐 1초마다 1씩 더해서 출력하는 작업을 setTimeout 으로 구현해봅시다. function increaseAndPrint(n, callback) { setTimeout(() => { const increased = n + 1; console.log(increased); if (callback) { callback(increased); } }, 1000); } increaseAndPrint(0,..