안녕 !

자바스크립트를 이용한 DOM 액세스순수한 자바스크립트나 제이쿼리를 이용해 화면 요소를 바꿀 때는 DOM을 순차적으로 조작합니다.  템플릿 만들기먼저 간단한 동작을 시험해보기 위한 애플리케이션 템플릿을 만듭니다. - 모형 (index.html) Hello World! 영역 1입니다. 영역 2입니다.  - 템플릿 (styles.css).container{ border: solid 1px #ccc; padding: 16px; margin: 8px;} 위 애플리케이션 템플릿을 화면에 표시한 결과는 다음과 같습니다. 이 화면에서 자바스크립트로 DOM을 얻어봅니다. 자바스..

const let을 이용한 변수 선언변수 선언은 프로그램을 작성하는 데 꼭 필요한 지식입니다. var를 이용한 변수 선언의 문제점기존의 자바스크립트에서는 var를 이용해 변수를 선언했습니다.var val1 = "var 변수"; 그러나 var로 변수를 선언하는 것은 몇 가지 문제점이 있어 모던 자바스크립트 개발에서는 거의 이용되지 않습니다. 문제점은 변수를 덮어 쓸 수 있다는 점과 재선언할 수 있다는 점입니다. //변수 덮어 쓰기 및 재선언var val1 = "var 변수";console.log(val1); //var 변수//var 변수는 덮어 쓰기 가능val1 = "var 변수 덮어 쓰기";console.log(val1); //var 변수 덮어 쓰기//var 변수는 재선언 가능var val = "var ..

모던 자바 스크립트 개요일반적으로 모던 자바스크립트를 말할 때는 다음과 같은 특징을 꼽습니다. - 리액트, 뷰, 앵귤러 등 가상 DOM을 이용하는 라이브러리/프레임워크를 사용- npm, yarn 등 패키지 관리자 사용- 주로 ES2015(ES6) 이후의 표기법 사용- 웹팩(webpack) 등 모듈 핸들러 사용- 바벨(Babel) 등 트랜스파일러(transpiler) 사용- SPA(Single Page Application)로 작성 자바스크립트를 배워야하는 이유모던 자바 스크립트는 배울 만한 가치가 있습니다. 애초에 자바스크립트는 웹 브라우저에서 복잡한 동작을 구현하는 정도였지만 지금은 프론트엔드 뿐만 아니라 백엔드도 구현할 수 있습니다(Node.js나 Deno 등). 뿐만 아니라 스마트폰 애플리케이션, ..