정인용 선생님의 동영상보기 자바스크립트란?

첫째마당 기초부터 시작하는 자바스크립트

자바스크립트 시작하기

자바스크립트란 무엇인가요?

자바스크립트란?
개발자가 만든 문서에 방문자가 방문하여 어떤 동작을 취했을 때, 그 동작에 대응하여 반응이 일어날 수 있도록 해주는 언어이다.

자바스크립트 언어의 특징

  1. 자바스크립트 인터프린터 언어이다.
  2. 자바스크립트는 클라이언트 스크립트 언어이다.
  3. 객체 기반 언어이다.
  4. 공개된 언어이다.
  5. 다양한 라이브러리를 활용할 수 있다.

자바스크립트를 배우려면 알아야 할 배경지식들

(X)HTML 요점 정리하기

문단 태그
테이블 태그와 속성
폼(form)태그와 속성

CSS요점 정리하기

CSS 선언문
외부 스타일 연동방식
선택자의 종류
서체 꾸미기 속성
문단 속성
배경 속성
박스 모델 속성
display 속성
overflow 속성
float 속성
float 속성 해지하는 몇 가지 방법
포지션-위치 지정
z-index 속성

개발을 위해 필요한 프로그램과 사용법

파이어폭스 브라우저 설치하기
https://www.mozilla.org/ko/
※ 책에서는 파이어폭스만 안내를 하는데 다른 브라우저도 같이 적어둔다.

Chrome Firefox FF Developer Blisk
정인용 선생님의 동영상보기 기초문법

자바스크립트 기초 문법

자바스크립트 선언문
선언문은 스크립트 영역을 선언하는 것이라 보면 된다. 선언문이 시작된 곳부터 종료한 곳까지 스크립트 영역!

<script type="text/javascript">
자바스크립트 선언문;
</script>

변수

변수는 변하는 데이터(값)을 저장할 수 있는 메모리 공간이다.
변수선언은 var키워드
한글 사용X, 영문과 숫자 그리고 일부 특수문자(_, $)만 포함 가능

변수에 저장할 수 있는 데이터형은 문자형, 숫자형, 논리형, null&undefined, typeof이 있다.

연산자

덧셈, 뺄셈, 곱셈, 나눗셈과 같은 연산하는 것을 말한다. 자바스크립트 프로그래밍에서 사용하는 연산자에는 산술, 문자 결합, 대입(복합 대입), 증감, 비교, 논리, 삼항 조건 연산자가 있다.

산술 연산자

더하기(+), 빼기(-), 곱하기(*), 나누기(/), 나머지(%)가 있다.

문자 결합 연산자

여러 개 문자를 하나의 문자형 데이터로 결합할 때 사용한다.

<script>
  var t1="학교종이";
  var t2="땡땡땡";
  var t3="8282";
  var t4="모이자";
  var result;
  
  result = t1+t2+t3+t4;
  document.write(result);
</script>
대입 연산자

대입 연산자(=)는 연산된 데이터를 최종적으로 변수에 저장할 때 사용한다.
복합 대입 연산자(+=, -=, *=, /=, %=)란 산술 연산자와 대입 연산자가 복합적으로 적용된 것을 말한다.

증감 연산자

증감 연산자에는 숫자형 데이터를 1씩 증가시키는 증가 연산자(++)가 있고, 반대로 1씩 감소시키는 감소 연산자(–)가 있다.

비교 연산자

두 데이터를 ‘크다, 작다, 같다’와 같이 비교 할 때 사용하는 연산자이다.
연산된 결과의 값은 true(참) 또는 false(거짓)으로 논리형 데이터를 반환한다.

논리 연산자

논리 연산자에는 ||(or), &&(and), !(not)이 있다.
논리 연산자는 피연산자가 논리형 데이터인 true 또는 false로 결과를 반환한다.
||(or)연산자는 피연산자 중 한 개만 true가 존재해도 true라는 결과를 반환.
&&(and)연산자는 피연산자 중 한 개만 false가 와도 false라는 결과를 반환.

연산자 우선순위
  1. ()
  2. 단항 연산자(–, ++, !)
  3. 산술 연산자(*, /, %, +, -)
  4. 비교 연산자(>, >=, <, <=, ==, ===, !==, !=)
  5. 논리 연산자(&&, ||)
  6. 대입(복합 대입) 연산자(=, +=, -=, *=, /=, %=)
삼항 조건 연산자

삼항 조건 연산자는 조건식(true 또는 false의 결과값을 반환)의 데이터 결과에 따라 실행 결과가 달라진다.
조건식 ? 실행문 1 : 실행문 2;

<script>
  var a = 10;
  var b = 3;
  var result = a>b ? "javascript": "hello";
  document.write(result);
</script>