JavaScript 자바스크립트의 특징과 데이터 입출력

클라이언트 주요언어

HTML : 하이퍼텍스트를 구현하기 위한 뼈대가 되는 핵심적인 기술인 마크업 언어다.

CSS : HTML은 뼈대고, CSS는 꾸미기 위한 옷의 기능이라고 할 수 있다.

JavaScript : 로컬의 브라우저에서 실행되는 인터프리터 방식의 프로그래밍 언어다.

JQuery : 자바스크립트의 코드가 길어지면 사용하기 복잡해지는 단점을 파격적으로 개선한 자바스크립트 기반 라이브러리다.

서버 주요 언어

JSP : 운영체제의 구애를 받지 않으며 실행된다. 톰캣 컨테이너 위에서 자바 기반의 언어를 사용.

ASP : 윈도우 기반의 IIS 서버에서만 동작. MS-SQL DBMS와 연동됨.

PHP : 리눅스 기반에 아파치 서버에서 동작한다. 기존에 제로보드나 그누보드와 같은 사이트 빌더에서 사용(C기반)

node.js : 자바스크립트 라이브러리로서, 소켓을 이용하여 쉽게 실시간 서버를 구축 가능하도록 한다.

JavaScript란?

자바스크립트는 웹 브라우저에서 많이 사용하는 인터프리터 방식의 객체지향 프로그래밍 언어이다.

자바스크립트는 ECMA(이크마) 스크립트 표준을 따르는 대표적인 웹 기술이다.

스크립트 언어란?

매우 빠르게 배우고 작성하기 위해 고안되었고 짧은 소스코드 파일이나 REPL로 상호작용.

자바스크립트는 별다른 에러코드를 출력하지 않기 때문에 코드에 문제가 있을 경우엔 해당 

페이지에서 F12를 눌러 console창에서 에러를 확인한다.

주의할점!!

자바스크립트는 <script> </script>로 사용되며 head나 body안에서 자유롭게 사용이 가능 

하지만 보통 body 끝자락에 기재한다.

왜냐하면 인터프리터 방식이란 위에서 한줄씩 코드를 해석하므로 스크립트를 본문의 내용보다(body 위쪽) 

먼저 작성할 경우 없는속성/없는 값이라고 인식을 하기 때문이다. 이 부분은 굉장히 주의해야 되는 점이다.

작성 방식

inline - 자바스크립트 양이 한두 줄 정도로 소량일 때 사용, 태그에 이벤트 핸들러 속성을 이용해 직접 실행 코드 작성

internal - 가장 일반적인 방식, html파일 내 자바스크립트 소스를 작성(body나 head) <script> 코드 </script>

external - 자바스크립트의 양이 많은 경우 자바스크립트 코드 부분을 외부 파일로 저장하여 작성<script src=" ">

noscript - 자바스크립트가 지원되지 않는 브라우저를 대비해 지원하지 않는 경우 출력문구를 작성함

데이터 출력방법

코드	설명
document.write(내용);	브라우저 화면상의 페이지에 값을 출력한다.
window.alert(내용);	내용을 메시지창에 출력한다.(모달창), window객체는 생략가능
innerHTML = "내용"; innerText = "내용';	태그 엘리먼트의 내용을 변경하여 출력한다. innerHTML="<h1>ㅎㅇ</h1>"; 와 문자먹힘 but innerText는 안먹힘, 오직 문자만
console.log(내용);	개발자도구 화면의 콘솔에 출력한다.

데이터 입력방법

자바스크립트에서 내장객체로 제공하는 confirm(), prompt() 이 있다.

confirm()은 예/아니오로 대답하는 방식의 질문이고 질문에 대한 true와 false값만 반환한다.

var 변수 = [window.]confirm("질문");

prompt()는 물어보는 질문에 자유롭게 대답 가능하며 반환형은 항상 문자를 반환한다. 숫자를 써도 문자형으로 받는다. 

var 변수 = [window.]prompt("질문");

html 태그 접근하는법

위와 같은 방식으로 html의 태그들을 받아와서 자신의 마음대로 처리를 한다. 여기서

주의할점은 id값은 오직1개만 존재하기에 단수로 받아오고 나머진 Elements 라는 용어에서 보듯이 

정보를 배열에 담아서 가져온다.