우당탕탕 좌충우돌 개발일기

자바스크립트 변수를 선언하기 위한 4가지 방법이 있다. var let const 아무것도 사용하지 않는 것 변수란 무엇인가?(What are Variables?) 변수란 데이터를 저장하기 위한 컨테이너이다. (데이터 값을 저장) 해당 예제에서 x,y,z는 변수고 이를 var라는 키워드를 통해 선언한다. var x = 5; var y = 6; var z = x + y; 해당 예제에서는 let이라는 키워드를 통해 변수를 선언한다. let x = 5; let y = 6; let z = x + y; 해당 예제에서는 변수가 따로 선언되지 않았다. x = 5; y = 6; z = x + y; 📌 언제 자바스크립트의 var를 사용하는가? 항상 var, let 혹은 const를 사용하여 자바스크립트의 변수를 선언한다...

- 자바스크립트 주석은 자바스크립트 코드를 설명하는데 사용될 수 있고, 가독성을 높인다. - 자바스크립트 주석은 또한 대체 코드를 테스트할 때, 실행되는걸 방지하기 위해서 사용되기도 한다. 한 줄 주석(Single Line Comments) 한 줄 주석은 // 로 시작한다. 어떤 텍스트건 // 로 시작하면 해당 텍스트 라인의 끝까지 자바스크립트에서 실행되지않고 무시된다. // Change heading: document.getElementById("myH").innerHTML = "My First Page"; // Change paragraph: document.getElementById("myP").innerHTML = "My first paragraph."; let x = 5; // Declare x..

자바스크립트 값(JavaScript Values) 자바스크립트 문법은 어떻게 자바스크립트 프로그램들이 구성되어있는가를 정의하는 규칙의 집합이다. 자바스크립트 문법은 두 가지 타입의 값을 정의한다. Fixed values : 고정 값 ( Literals로 부른다.) 고정 값에는 중요한 두 가지 문법이 있다. 1. 숫자(Numbers)들은 소수점과 함께 쓰거나 또는 없이 사용한다. 10.50 1001 2. 문자열(Strings)은 큰 따옴표나 작은 따옴표와 함께 쓰이는 텍스트다. "John Doe" 'John Doe' Variable values : 변수 값 ( variables 로 부른다.) 프로그래밍 언어에서 변수는 데이터 값을 저장하는데 쓰인다. 자바스크립트는 var, let, const 같은 키워드를..

자바스크립트 프로그램(JavaScript Programs) 컴퓨터 프로그램은 컴퓨터에 의해 "실행"되는 "명령"의 목록이다. 프로그래밍 언어에서, 이런 프로그래밍 명령을 명령문이라고 한다. 자바스크립트 프로그램은 프로그래밍 명령문의 목록이다. HTML에서 자바스크립트는 웹 브라우저에 의해 실행된다. 자바스크립트 구문(JavaScript Statements) 자바스크립트는 값, 연산자, 표현식, 키워드 그리고 주석으로 구성되어있다. 해당 예제에서 이 구문은 브라우저에게 "demo"라는 id를 가진 HTML 요소안에 "Hello Dolly"를 출력하도록 지시한다. JavaScript Statements In HTML, JavaScript statements are executed by the browser...

자바스크립트는 다양한 방식으로 데이터를 나타낼 수 있다. HTML 요소 안에 작성하려면 innerHTML을 사용한다. My First Web Page My First Paragraph. My First Web Page My First Paragraph. 11 HTML 요소에 접근하기 위해서 자바스크립트는 document.getElementbyId(id) 메소드를 사용하는데, 여기서 id 속성은 HTML 요소를 정의한다. 💡 HTML 요소의 innerHTML을 변경하는 것은 HTML의 데이터를 나타내는 흔한 방법 중 하나이다. HTML 출력에는 document.write() 를 사용한다. My First Web Page My first paragraph. Never call document.write af..

태그 사이에 삽입된다. JavaScript in Body 💡 오래된 자바스크립트 예제들 중 💡 태그에 스크립트를 삽입하게되면, 스크립트를 해석하느라 디스플레이가 느려지기 때문에 태그의 하단쪽에 스크립트를 배치하는게 디스플레이 속도를 향상시키는 방법이다. 외부 자바스크립트(External JavaScript) 스크립트는 외부 파일에 위치할 수도 있다. 외부 스크립트는 동일한 코드가 여러 다른 웹 페이지에서 사용될 때 실용적인데 확장자는 .js로 저장한다 function myFunction() { document.getElementById("demo").innerHTML = "Paragraph changed."; } 💡 외부자바스크립트에서는 태그를 사용할 수 없다. Demo External JavaScrip..

자바스크립트는 HTML의 내용을 변경할 수 있다. 많은 자바스크립트의 메소드 중에 하나는 getElementById() 이다. 해당 메소드를 사용하여 id값을 () 안에 입력하게 되면 해당 id값을 가진 요소의 내용이 변경된다. What Can JavaScript Do? JavaScript can change HTML content. Click Me! 예제의 button을 클릭하면 의 내용이 변경되는 걸 확인할 수 있다. 💡 자바스크립트는 큰 따옴표(" ")나 작은따옴표(' ') 상관없이 모두 인식 가능하다. 자바스크립트는 HTML 속성 값을 변경할 수 있다. What Can JavaScript Do? JavaScript can change HTML attribute values. In this case..