<준비물>
<자료>
https://ko.wikipedia.org/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8
https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/What_is_JavaScript
// 최종 프로젝트의 모델이 될 사이트
// HTML, CSS, JavaScript 주석처리 방법
https://aboooks.tistory.com/50
1. JavaScript
- HTML: 제공할 웹 컨텐츠의 구조와 의미를 문단, 제목, 표, 삽입 이미지, 동영상 등으로 정의하고 부여하는 마크업 언어
- CSS: 배경색, 폰트 등의 레이아웃등을 지정하여 HTML 컨텐츠를 꾸며주는 스타일 규칙 언어
- JavaScript: 동적으로 컨텐츠를 바꾸고, 멀티미디어를 다루고, 움직이는 이미지 그리고 꽤나 많은 다른 일들을 할 수 있는 스크립트 언어
JavaScript의 역사를 보면 위와 같다.
JavaScript의 문법은 위와 같다.
document.body.innerText의 뜻은 document(HTML)의 body에 innerTEXT(Text를 집어넣어라)가 된다.
"Hello, World!"는 HTML의 body에 나올 것이다.
https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/What_is_JavaScript
더 많은 정보는 위 MDN사이트에서 자세히 확인할 수 있다.
2. Momentum
Momentum을 Chrome에 추가하면 사진과 같이 Chrome 기본화면이 Momentum이 제공하는 platform으로 바뀐다.
Vanilla JS Course 1에서 중점적으로 배우게 될 것은 Momentum Clone Project이다.
Momentum Site에서 제공하는 기능들 중 현재 시간, Greeting Sign, To do list 등과 같이 몇 가지 정보를 제공할 수 있는 Web-site를 만드는 Project가 될 것이다.
포스팅을 하고있는 현 시점에는 이미 Momentum Clone을 완성한 상태라 맛뵈기로 잠깐 보고, 본격적인 Project를 시작해보도록 하겠다!
https://github.com/wook2124/Vanilla_JS_Course_1
※ 신종 코로나 바이러스 조심하세요!!!!
댓글