<꿀팁모아 : 170번째 포스팅> 자바 스크립트(JavaScript)란?
안녕하세요 꿀팁모아의 희망주기입니다
오늘 알아볼 것은 바로
Java Script 입니다
1 서론
자바 스크립트(Java Script)는 세계에서 가장 인기있는 프로그래밍 언어 중 하나인데요. 자바 스크립트는 웹의 프로그래밍 언어입니다. 웹 페이지의 내용을 정의하는 것이 HTML 이었고, 웹 페이지의 레이아웃을 지정하는 것이 CSS 였습니다. 그렇다면, 자바 스크립트(Java Script)는 무엇일까요? 결론부터 이야기하자면, 웹 페이지의 동작을 프로그래밍 하는 것이 바로 자바 스크립트 입니다.
JavaScript는 멀티-패러다임 언어로 명령형, 함수형, 객체 지향형 언어라고 보시면 편할 거 같아요. 기본적으로는 함수가 일급 시민으로 취급되는 언어로써 함수형 프로그래밍 패러다임을 따릅니다. 자연스럽게 이는 클로저로 시작해 끝을 보는 것도 가능합니다. Imperative programming으로 명령형 프로그래밍으로도 쓸 수 있지만 함수형 혹은 선언형 프로그래밍으로 작성해야 JavaScript가 제공하는 장점을 백분 활용하는 것이 가능합니다.
쉽게 이야기를 하자면, JavaScript는 함수와 함수형 프로그래밍을 제대로 이해하지 않으면 제대로 다룰 수 없는 언어인 셈인거죠. 이러한 특징 때문에 for이나 while 등의 loop은 특수한 경우를 제외하고는 쓰이지 않으며, 어떤 동작을 수행시키는데 있어서 JavaScript에서 제공되는 prototype function에 콜백함수를 제공하여 선언적으로 코드를 작성하게 됩니다. 서론이 좀 많이 길었네요. 앞으로 자바 스크립트에 대해서 알아볼 예정이며 이번 포스팅에서는 간단한 소개를 하려고 합니다.
2 본론
2-1 자바 스크립트를 이용하여 HTML 내용 변경
많은 자바 스크립트 HTML 메소드 중 하나는 바로 getElementById() 인데요. 아래 예제에서는 HTML 요소(id="demo" 포함)를 찾고 요소 내용(innerHTML)을 "Hello JavaScript"로 변경합니다.
2-2 자바스크립트는 HTML 스타일을 변경 가능 (CSS)
HTML 요소의 스타일을 변경하는 것은 HTML 속성을 변경하는 변형입니다.
2-3 HTML 요소 숨기기
HTML 요소를 숨기는 것은 스타일을 변경하여 수행할 수 있으며 display 와 none 을 사용
2-4 숨겨진 HTML 요소 표시
숨겨진 HTML 요소를 표시하는 것 역시 스타일을 변경하여 수행할 수 있습니다.
3 결론
오늘은 HTML과 CSS를 이어 자바 스크립트에 대한 간단한 소개 및 소수의 예제들을 알아보았는데요. 앞으로 JS 출력, 구문, 코멘트, 변수, 연산자, 산술, 할당, 데이터 유형 등에 대해서 구체적으로 알아볼 예정입니다. 도움이 되셨다면 공감 부탁드릴게요. 다음 포스팅 기대해주세요 ㅎㅎ
'IT 및 코딩 > 자바스크립트(Java Script)' 카테고리의 다른 글
| <꿀팁모아 : 175번째 포스팅> 자바 스크립트 변수(Variables) (0) | 2022.08.01 |
|---|---|
| <꿀팁모아 : 174번째 포스팅> 자바 스크립트 댓글(Comment) (0) | 2022.08.01 |
| <꿀팁모아 : 173번째 포스팅> 자바 스크립트 구문(Syntax) (0) | 2022.08.01 |
| <꿀팁모아 : 172번째 포스팅> 자바 스크립트 Statements (0) | 2022.08.01 |
| <꿀팁모아 : 171번째 포스팅> 자바 스크립트 출력 (0) | 2022.07.31 |