각 상세 설명은 주석으로 기입하였다. 참고하기!

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..

1. DOM(Document Object Model) 웹 페이지나 웹 앱에 있는 HTML 요소들을 구조적으로 표현한 것이다. DOM은 애플리케이션의 전체 UI를 나타내며 트리 데이터 구조로 표현된다. 여기에는 Web Document에 있는 각 UI 요소에 대한 노드가 포함된다. 웹 개발자가 JavaScript를 통해 콘텐츠를 수정할 수 있기 때문에 매우 유용하다. 또한 구조화된 형식으로 되어 있어 특정 대상을 선택할 수 있고, 모든 코드 작업이 훨씬 쉬워지기 때문에 많은 도움이 된다. 2. DOM의 문제점 DOM은 트리 구조로 되어 있어서 이해하기 쉽지만, 노드의 수가 많아질 수록 속도가 느려지고, DOM 업데이트에 잦은 오류를 발생시킬 수 있다. 또한, 최근 모던 웹은 SPA(Single Page Ap..