javascript introduction 소개

1. HTML 콘텐츠 변경

JavaScript는 웹페이지의 HTML 콘텐츠를 동적으로 변경할 수 있습니다.

예시:

document.getElementById("demo").style.display = "block";

작은따옴표 또는 큰따옴표 모두 사용할 수 있습니다.

2. HTML 속성 변경

JavaScript는 HTML 태그의 속성을 변경할 수 있습니다. 예를 들어, 이미지의 소스(src)를 변경하는 것이 가능합니다.

예시:

<img id="myImage" src="pic_bulboff.gif">
<button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">Turn on the light</button>

3. HTML 스타일 변경 (CSS)

HTML 요소의 스타일 변경도 JavaScript로 가능합니다. 글꼴 크기, 색상 등 다양한 스타일을 변경할 수 있습니다.

예시:

document.getElementById("demo").style.fontSize = "35px";

4. HTML 요소 숨기기 및 표시

JavaScript는 HTML 요소를 숨기거나 표시하는 것도 가능합니다. `display` 속성을 사용하여 이를 수행할 수 있습니다.

숨기기 예시:

document.getElementById("demo").style.fontSize = "35px";

표시 예시:

document.getElementById("demo").style.display = "block";

JavaScript와 Java의 차이점

많은 사람들이 혼동하는 부분 중 하나는 JavaScript와 Java가 서로 관련이 있는 것처럼 생각하는 것입니다. 사실, 두 언어는 개념과 디자인 면에서 완전히 다릅니다.

JavaScript의 역사

- 발명자: Brendan Eich
- 발명 연도: 1995년
- 표준화 연도: 1997년
- 공식 명칭: ECMA-262
- 언어의 공식 이름: ECMAScript

결론

JavaScript는 웹 페이지를 더 동적이고 상호작용 가능하게 만드는 데 필수적인 언어입니다. HTML 콘텐츠, 속성, 스타일 변경 등 다양한 기능을 제공하며, JavaScript와 Java는 서로 다른 언어로 혼동하지 않아야 합니다.

이 정리를 통해 JavaScript가 웹 개발에서 어떻게 사용되는지에 대한 전반적인 이해를 얻으셨길 바랍니다!