본문 바로가기

Web 기초

[Web] 웹 기초 (8) - JavaScript #1 개요, 사용방법

javascript 개요

  • 인터프리터 언어 (컴파일러가 없음) ⇒ 한줄번역, 한줄실행
  • 실행환경 : 웹 브라우저 (웹 브라우저가 인터프리터를 내장하고 있다)
  • 변수형이 없다. (지역, 전역형 변수는 존재)
  • 지역형 변수 : var 또는 let으로 선언
  • var : hoisting이 됨.
  • let : hoisting이 되지 않음.
  • hoisting : 사용되기 전에 메모리에 탑재되는 현상 (불필요한 메모리가 들어갈 수 있음)
  • 배열의 크기는 가변적이고, 1차원 배열만 존재한다. (1차원 쪼개서 2차원을 만들 수는 있음)
  • 문장의 끝을 나타내는 ' ; ' (세미콜론) 은 생략 가능하다.

사용방법

  1. <script/> 안에서 작성
  2. 태그 안에서 작성 (비추천)
  3. 외부에 스크립트만 작성하여 현재 파일에서 사용하는 방법 (많이 사용)
  4. 데이터의 구조는 JSON 타입으로 사용하는 것이 현재 추세.

declare

  • 스크립트는 보통 페이지 하단이나 head에 선언
  • body가 읽혀지기 전에 head에 있는 작업이 먼저 메모리에 올라가기 때문에, body 전에 먼저 선행될 내용이 필요하면 (사전처리) head에, UI가 먼저 세팅되고 나서 처리해야할 내용이면 맨 하단에.

  • 스크립트는 여러개 만들 수 있지만 스크립트 안에 스크립트는 쓸 수 없다.

태그 내에 자바스크립트 사용하는 방법 &rArr; 거의 사용하지 않음

 

 

구구단 버튼을 클릭하면 gugu 함수가 실행되도록

 

한줄 엔터키 역할 &rarr; <br/>

 

요 자리에 inner HTML 들어감

 

div 로 감싸고 <br/> 없앰

 

  • 얘로 출력하면 버튼이 사라짐 (뒤에서 사용한 document.write 이후에 또 document.write를 쓰면 새로 덮어쓰는 것으로 간주