생활코딩의 CSS강의를 다 끝마치고 나서 자바스크립트 강의로 넘어갔다.

자바스크립트는 기본적으로 HTML 위에서 동작하는 언어인데 

HTML에 자바스크립트를 써주려면 자바스크립트를 쓰고자 하는 곳을 <script> 태그로 감싸주어야한다.

 

그리고 자바스크립트는 정적인 HTML에 비해 사용자와 상호작용하고 웹을 게임이나 애니메이션처럼 움직일 수 있게 하는 동적인 언어이다.

 

아직 사용자와 상호작용하는 기능이나 화면이 움직이는 등의 기능은 안배웠지만

HTML에 비해 자바스크립트가 동적이라는 것을 강의에서 실습 하기 위해 간단한 코드를 작성하고 실행해보았다.

 

자바스크립트를 HTML에 적용시키기 위해 <script>태그를 써준후 화면에 문자나 숫자를 출력 할때 쓰는 자바스크립트 문법인 document.write를 적고 1+1을 써보았다.

그리고 아래에는 그냥 html에 1+1을 적었다.

 

이것은 위 코드를 실행 시킨 결과인데 위와 같이 자바스크립트는 동적인 언어라서 1+1을 연산해서 2로 출력 시키는데 비해 HTML은 정적인 언어라서 1+1 문자 그대로를 출력하는 것을 볼수있다.

'개발 공부한 내용 정리 > 생활코딩-WEBn' 카테고리의 다른 글

WEB2 JavaScript- 이벤트  (0) 2020.06.21
WEB2 CSS- 반응형 디자인과 미디어 쿼리  (0) 2020.06.20
WEB2 CSS- 그리드  (0) 2020.06.20
WEB2 CSS- 박스모델  (0) 2020.06.19
WEB2 CSS- 선택자의 기본  (0) 2020.06.18

+ Recent posts