<목차>
1. 자바스크립트의 역사 var , let , cons
2.자바스크립트 데이터 타입
3. 자바스크립트의 연산자
4. if 와 for
5. for 을 사용한 구구단 표 만들어보기
1. 자바스크립트의 역사 var , let , cons
1.1 자바스크립트의 역사
자바스크립트는 netscape 가 10일만에 개발한 새로운 언어로서 라이브 스크립트 > 모카스크립트 > 자바스크립트로 이름을 바꾸면서 꾸준한 업데이트를 통하여 많은 부가설정이 사용자에 입맛에 맞게 진화 하였습니다. 그만큼 대중성이 많고 편리해진 ㄴ최근까지도 자주 사용하는언어입니다.
console. log 자바스크립트에서 사용된 변수값을 눈으로 확인할 수 있게 나타냄
1.2 var let cons
자바스크립트의 기본 명령어 이자 변수를 설정해주는 명령어입니다. ES5(자바스크립트의 (구)버전) 까지는 var를 사용하였고 ES6 부터는 let와 cons를 사용하고 있습니다.
변수는 각각 재할당과 재선언이 존재하는데
재선언: 명령어에 있는 변수값을 지정하는게 아닌 변수를 다시 지정해서 값의 변화를 주는 일 Ex) var a=1 , var a=2
재할당: 명령어에 있는 변수값을 다시 지정하는것 var a=1 , a=2
둘이 차이가 많이 없어보이지만 ES6 의 JS 문법부터는 이에 혼동과 오류를 막기위하여 재선언을 불가능하게 만들었습니다.
var : ES5버전의 언어로서 재할당과 재선언이 둘다 가능함.
let : 변수의 재할당은 가능하지만 재선언이 불가능하고 오류가 생길시 오류가 생긴 그 밑의 계산은 보여주지 않음 (오류방지를 위함)
const : 상수의 값을 부여함 (값이 변하지 않음) 재할당과 재선언이 불가
3.자바스크립트 데이터 타입
자바의 데이터 타입은 크게 두가지로 나뉩니다.
원시 데이터 타입
number (숫자형): 산술연산이 가능한 숫자로 이루어진 형태이다 let a = 12345
null : null은 의도적으로 변수에 값이 없다는 것 을 명시할 때 사용한다 대소문자가 구별됨으로 null과 NULL등등은 다 다르다
undefined: 선언이후 값이 할당되지 않았거나 값을 찾을 수 없는 변수는 undefined 값을 가진다
boolean(논리형) : 논리형의 데이터 타입으로 true(참) 값과 faise(거짓) 값 만을 가진다.
string(문자형): 텍스트 형태의 데이터를 나타내는대 사용한다 let a= "가나다" or let b= "123"
symbol : 심불은 ES6 에서 새롭게 추가된 타입이며 변경이 불가능한 원시 값을 가진다 주로 이름의 충돌을 막기위해
property key를 만들기 위해 사용한다
null 과 undefined 의 차이 null은 사용자가 의도적으로 값을 주지 않을 때 사용하기 떄문에 undefined 와는 다르다.
참조 데이터 객체 타입
object , refernce , array , function
객체는 데이터와 그 데이터에 관련한 동작 (절차, 방법 , 기능) 을 모두 포함할 수 있는 개념적 존재이다.
3. 자바스크립트의 연산자
자바스크립트는 계산과 변수를 중점으로 둔 언어이다보니 연산자의 활용이 많다보니 여러연산자와 비교연산사 등이 많이 사용된다 .
3.1 비교연산자
(==) 비교 연산자 Equal Operator
비교 변수값을 비교할때 사용되지만 값이 이상하게 튈 수도 있는 값을 나타낸다. 대체적으로 맞지만 문맥상의 이상함을 간파하지 못함.
1번은 true 이지만 2번은 숫자형과 텍스트형이 비교되어 엄연히 다른타입이나 true 라고 명시함 3 4 5번도 각자 다른 타입을 비교하지만 true 값을 줬기에 비교가 명확하지 못하다라는 것을 알 수 있다.
(===) 엄격한 비교 비교연산자 Strict Equal Operator
때문에 엄격한 비교연산자 === 가 생겼는데 위와 같은 불안정한 비교를 방지하고 엄격하게 방지를 하기 위함이다.
NaN 은 항상 false 값을 가짐
3.2 산술 연산자 , 증감 연산자
산술연산자
+ , - , * , / , % 로 나뉘는데 각자 덧셈+ 뺄셈- 곱하기* 나누기/ 나머지값% 으로 나뉜다. 나머지값은 주의해야할게 나누고 남은값을 나타내는것을 주의해야한다.
증감 연산자
++ --
증감연산자는 프로그램에서 변수값을 1증가시키거나 1감소시키는 상황에 자주쓰인다.
전위(++n) 후위 (n++)로 나뉘는데 둘다 더해지는건 같지만 log를 하여 데이터 값을 확인할때 차이가 난다
4. if 와 for
if
는 true 일때만 실행이 되는 코드이므로 false 값일때는 실행이 되지않는 모습을 보여줍니다.
if else
if가 false 일때 보여주는 값을 나타냅니다.
반복문
for 문을 사용하기위에선 위에 사진처럼 초기값과 조건 증감값을 줘서 조건값에 벗어날 때까지 증감값을 줍니다.
빨간줄 친 영역이 각각 초기 , 조건 , 증감문을 준 후에 log를 하여 값을 나타고있는 코드이다 a는 1부터 10까지 1씩 증감하는 반복을 하게된다.
5. for 을 사용한 구구단 표 만들어보기
이러한 반복을 통해 구구단 표를 작성할 수 있는데
for 안에 for을 한번더 줌으로서 2번의 연쇄적인 루프가 생기게 된다. 다만 루프의 순서가 중요한데 a가 1일때 두번째 for 로 넘어가게 되고 다시 a로 넘어오는게 아니라 b의 조건에서 a로 넘어가기전에 모든 b의 조건을 충족 시켜야만 a의 for로 다시 돌아간다
즉 a의 for 이 2에서 3으로 넘어가기 위해선 b가 1~9 까지의 모든 루프를 돌아야만
b에서의 루프를 벗어나서 a의 루프에 갈 수 있는것이다
순서만 알면 역방향으로도 응용이 가능하다