JavaScript를 HTML에 통합하기: 기본 사항과 차이점

자바스크립트는 동적 언어로서 <script> 태그를 사용하여 HTML에 통합하여 계산 및 텍스트 표시와 같은 작업을 실행할 수 있습니다.

### JavaScript를 HTML에 통합하기: 기본 사항과 차이점
* 🌐 HTML에서 작동하는 언어인 JavaScript는 **`<script>` 태그**를 사용하여 HTML에 통합됩니다.
* 자바스크립트는 정적이고 이러한 기능을 수행할 수 없는 HTML과 달리 **동적이며 계산을 수행**할 수 있습니다.
* 💻 이 예제에서 **`document.write`는 웹 페이지에 텍스트를 표시**하는 데 사용되어 자바스크립트의 동적 특성을 보여줍니다.
* 🔤 핵심은 자바스크립트 코드를 **`<script>` 태그 안에 넣어야** 웹 브라우저에서 인식할 수 있다는 것입니다.
* 🤔 HTML과 자바스크립트의 차이점은 1+1을 더하는 예시를 통해 알 수 있는데, **HTML은 "1+1"을 표시**하는 반면 자바스크립트는 **"2"를 계산하여 표시**합니다.
* 📝 강사는 **"1 + 1이나 document.write 같은 것은 중요하지 않습니다."**라며 구체적인 코드 세부 사항보다는 개념을 이해하는 것을 강조합니다.
* 🧠 요점은 자바스크립트는 동적이고 HTML은 정적이며, HTML에서 자바스크립트 코드를 나타내는 데 사용되는 **<script> 태그**가 있다는 점을 파악하는 것입니다.

In this chapter, I'd like to talk about a very important topic. Basically, JavaScript is a language that operates on HTML. That is how JavaScript was created. So in this video, I will explain how to squeeze JavaScript into HTML, which has a completely different lexical grammar. In other words, how to rendezvous them successfully. This is an important topic. I'm going to select New File to create a new file and name it ex1. It's just a random name. And then I created the basic HTML code like this. And over here, I'm going to add JavaScript. First, let's open the page. Over here. Select ex. There we go. The first thing you need to do to add JavaScript is using HTML code to state that JavaScript starts now. And for that purpose, we use a <script> tag. In HTML, JavaScript code must be inserted between <script> tags. So, the web browser interprets code between <script> as JavaScript. Let me show you. I'm typing in document.write. And then over here, I'm going to type in...

hello world and save it. Let's reload the page. 1, 2, 3. hello world shows up, as you can see. At this point, you might wonder - I added and JavaScript. But what's the difference? How is it different from typing in HTML and then hello world in the next line? That's completely a reasonable question. Why? Because the results are the same! But there is a difference, and I'm going to explain now. In HTML, 1+1 outputs 1+1 forever. Let me reload it. See? On the other hand, JavaScript is a dynamic language. It is quite versatile as it can even be used to perform tasks of a calculator. Let's reload the page. 1, 2, 3. Ta-da! The number 2 is displayed. So JavaScript has the ability to calculate 1 plus 1, get the result which is the number 2, and display it to the screen. On the other hand, HTML is a static language.

it cannot perform such functions. Did you get it? So, this is it for the topic. What's important here is... 1 + 1, or document.write, these kinds of things are not important. Please ignore what this dot means. What's important is this one here is JavaScript code, and we should use document.write to return a certain text to a web page. You don't need to feel pressured to understand the rules. It's sufficient as long as you get what I've just explained. All you need to remember is this: To let the web browser know this line is JavaScript, we use <script> tag.

WEB2 JavaScript - 3.HTML과 JS의 만남 : script 태그

일반인에게 프로그래밍을 알려주는 온라인/오프라인 활동 입니다.

채널 공개키 : MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDbU/jgeYLWbmUB5pk/wlqMs+2qsOOPgN2ydxOsrWe8JJUXzj5ovsUmjfBSwLjajT6SyO00ulne3zja2PzEZC2wnJCgvZ6lr/ZLvA9yUqmrKRNaPCfjS0OtBGosccoJssHdaB5i8H73dKI9jimeybLU11Hzb6a86EAaDFkM6bYaBwIDAQAB


생활코딩

자바스크립트는 HTML에서 작동하는 언어로, 이 동영상에서는 어휘 문법은 다르지만 자바스크립트를 HTML에 성공적으로 통합하는 방법을 설명합니다.

이 과정은 새 파일을 만들고 이름을 지정한 다음 기본 HTML 코드를 추가한 다음 <script> 태그를 사용하여 자바스크립트 코드를 삽입하여 웹 브라우저가 이를 자바스크립트로 해석할 수 있도록 하는 과정을 포함합니다.

HTML은 다시 로드할 때 "1+1"을 영원히 표시하는 반면, 자바스크립트는 1+1이 2와 같다는 예시와 같이 계산을 수행하여 결과를 표시할 수 있습니다.

JavaScript는 계산기와 같은 작업을 수행할 수 있는 동적이고 다재다능한 언어인 반면, HTML은 기능이 제한된 정적인 언어입니다.

자바스크립트에서 특정 텍스트를 웹 페이지에 반환하려면 "document.

write"를 사용하는 것이 중요합니다.

"점" 함수와 "1 + 1"은 이 문맥에서 중요하지 않습니다.