두서
안녕하세요. Dodev 하다입니다.
CSS 다음으로는 말씀드렸듯 javascript(JS)입니다.
다시한번 말하자면, HTML은 웹페이지를 만들기 위한 Markup언어입니다. 하지만 html로만 작성된 웹 페이지는 예쁘지 않으며 어떠한 이벤트를 걸어주거나, 동적 페이지로 작동하게 하는것은 어렵습니다.
그래서 CSS를 이용해 웹 페이지의 디자인을 입히고, javascript를 이용해 여러가지 작업을 할 수 있습니다.
1995년에 javascript가 발표 된 뒤, 2015년부터 지속적으로 기능이 확장되어 매년 6월에 새규격이 나옵니다.
javascript 버전을 살펴보면 ECMS Script와 ES라는 걸 보실 수 있는데요,
사실상 둘 다 동일합니다. 정식명칭이 ECMS Script, 그에따른 별칭이 ES입니다.
- ECMS Script2015 == ES6
- ECMS Script2016 == ES7
- ECMS Script2017 == ES8
- ECMS Script2018 == ES9
- ECMS Script2019 == ES10
- ECMS Script2020 == ES11
- ECMS Script2021 == ES12
html은 markup언어, css는 style sheet언어 그리고 마지막으로 javascript는 객체기반의 스크립트 언어입니다. 드디어 프로그래밍 언어가 나왔습니다.
JavaScript 란?
JavaScript는 객체기반의 스크립트 언어입니다. 약칭으로 JS라고 부르기도 합니다. 이름에 JAVA가 붙어있고, 객체지향 언어라 썬 마이크로사.. 현재에는 오라클과 인수합병되어 오라클의 JAVA와 연관이 있는것으로 아는분이 많으신데, 사실 이름에만 JAVA가 들어갈 뿐 연관성은 없답니다.
JavaScript를 이용해 HTML에서 다양한 일을 할 수 있습니다. HTML 및 CSS의 요소를 읽고 변경하며, 이외에도 다양한 동작을 실행 할 수 있습니다.
드디어 정리가 되었습니다!
- HTML : 웹 페이지 뼈대 정의(콘텐츠)
- CSS : 웹 페이지의 디자인 정의(스타일 및 레이아웃)
- JavaScript : 웹페이지의 동작 정의(동작)
이 정도만 아셔도 사용하는데에는 무리가 없습니다!
이제는 JS사용법에 관해서 알아볼 차례이지요, 하지만… 포스팅을 작성하기 전 엄청나게 고민을 많이 했습니다만, 결정을 하지 못하다가 포스팅을 작성하면서 결심하게 되었습니다.
JS는 프로그래밍 언어입니다. 변수, 연산자, 배열.. 함수, 메소드… 엄청나게 방대한 양을 자랑합니다. 도대체 저게 무엇인지, 어떻게 사용하는지 한번에 알고싶다! 하실테지만 유감스럽게도 저는 한 포스팅에서 JS를 다룰 깜냥은 되지 못하는것 같습니다.
그래서 하나씩, 실제로 웹 페이지를 작성하면서 다루려고 합니다.
그렇기에 이후 내용은 작성하지 않도록 하겠습니다.
대신 웹 페이지를 작성하기 위한 준비작업을 하려고 합니다.
에디터(편집기)
HTML 사용해보기 - HTML 에디터(편집기)를 참고부탁드립니다.
에디터는 어느것을 사용하여도 됩니다만, 저는 VSCode를 사용합니다. 필요시에 따라 Visual Studio를 사용하기도 하나, 포스팅에서는 VSCode를 이용하도록 하겠습니다. VSCode가 없으신 경우 VSCode를 다운로드 링크버튼을 클릭해 다운로드 부탁드리겠습니다.
에디터(편집기)만 설치해주셨다면 준비는 끝입니다. 프로젝트를 생성하고, html, css 및 js를 이용해서 간단한 페이지들을 만들어보도록하겠습니다.
많이 부족함에 죄송하고, 앞으로 열심히 작성해보겠습니다.
정말 짧은 포스팅이네요.
감사합니다.
Comments powered by Disqus.