0922 Front JavaScript

HTML / CSS / JS
HTML+CSS : 정적페이지
JAVASCRIPT : 정적 페이지에 동적기능을 부여하는 언어

Netscape 사에서 LiveScript 라는 이름으로 출발
ECMA Script라고도 부름

JS 과거 버전에서 사용상에 불편함 때문에 등장한 프레임워크
JQuery,Angular, React.js, vue.js

JavaScript 사용법

• External JS 방식 : JS 전용 파일을 생성해 import 하는 방식
• Internal JS 방식 : HTML 문서내에 JS를 병행 코딩하는 방식
• Inline JS 방식 : HTML 태그내에 JS를 코딩하는 방식

JAVASCRIPT 내장 라이브러리

브라우저에 기초적인 내장 라이브러리가 탑재되어 있다.

Window : 자바스크립트 내의 최상위 객체로서 아래 모든 범주를 다 포함하는 클래스 개념

DOM(Document Object Model)

• 브라우저의 화면에서 문서영역(Body) 에 해당하는 기능과 속성들을 내장하는 객체, 통제할수 있는 기능과 인스턴스들의 집합 - 많이쓰게 될 기능

BOM (Browser Object Model)

• 브라우저 화면에서 문서영역(Body) 외부의 기능(주소창, 새로고침, 뒤로가기 등) 들과 속성들을
  내장하는 객체

JAVASCRIPT

• 브라우저 자체와 무관한 날짜, 수학, 배열 등의 객체들에 대한 범주

---

function

자바 스크립트에는 명시적 자료형이 없다 ex) int a;
변수의 선언을 안넣을수 있다 넣는다면 let, var 사용

• alert("hello Javascript");
  //경고창용으로 사용, 문자열 데이터가 들어감 "", '' 사용 가능, 아무것도 반환하지 않는다,*/

• let result = confirm("자바 스크립트가 처음입니까?");
  //confirm은 Boolean 사용자 선택창- 확인-true 취소-false 반환 // 변수의 선언 let 숫자, 문자열 상관 없다
  alert(result); //확인을 누르면 true를 반환해서 출력

• prompt("메시지를 입력하세요");
  //자바의 Jopationplane.showinputDialog(); 와 똑같다 그래픽 버전의 문자열 입력받는 기능
  let msg = prompt("메시지를 입력하세요");
  alert("입력하신 문자열은 "+msg);

• console.log
  //F12 관리자 모드의 console 로 저장됨
  //console.log("hello javaScript");
  //console.log("수업 종료까지 13분전");

• document.write("Hello JavaScript")
  //문서 부분에다가 글 출력
  // body와 다르게 script부분에는 for문을 사용 가능