대구AI스쿨 48일차

김영목·2021년 9월 2일
0

html공부

목록 보기
21/21

오늘부터는 새로운 언어 자바스크립트를 시작한다.

1교시 : 변수


우리가 어떤 것을 정의하고 그것을 사용하기 위해 변수 = 벨류 형태를 선언한다. 

예시 )

const myFeeling = 'suck';

위와 같이 선언하면 myFeeling을 다른 곳에서 활용가능해진다. 

꾸준한 업데이트를 진행해온 java에서 변수를 선언하는 방법은 크게 3가지로 분류된다. 

1) var : 
가장 처음 나온 변수 선언 방법이다. 하지만 현재 크게 사용하지 않는 방법으로 선언 이후 다시 변수값에 대한 수정이 가능하다. 

2) const :
const는 최근 자주 사용되는 변수 선언 방법이다. 가장 주요한 특징은 변수값을 다시 수정할 수 없는 점이다. 

3) let :
const의 장점이자 단점인 변수값을 수정할 수 없는 점을 보완한 선언법이다. 

2. 변수 선언에 있어 주의할 점.

웹 혹은 프로그램 개발자들 사이에서는 변수를 선언하는 몇가지 방법이 있다. 

1) camelcase :
예를 들어보면, myFeelingWhat처럼 각 단어마다 첫 머리 부분을 대문자로 표기하는 방법이다. 

2) snakecase :
my_feeling_what 처럼 각 단어마다 _ 구분하여 표시하는 방법이다. 주로 파이썬에서 자주 볼 수 있다. 

2교시 : 자료형


자바스크립트에서 사용되는 자료들은 크게 2가지로 나눌 수 있다. 

1. 원시타입 :
str, number, boolean, undefined, null

원시타입의 특징은 아래와 같다.

let myLove = 'forever';
let myLove1 = myLove;

myLove = 'end';

console.log(myLove);
console.log(myLove1);

이렇게 변수를 선언하고 복사해서 다시 원본을 수정한다면 복사본(myLove1)은 어떻게 될까???
  
정답은 myLove1은 수정되지 않고 forever로 나온다. 

이유는 원시타입의 경우 실제 변수에 담긴 값을 변경하는 것이기 때문이다. 그리고 복사되는 영역에서는 원본의 데이터 그자체가 저장되기 때문에 출력시 서로 다른 값이 나온다. 


2. 참조타입 :
객체, 배열 , 함수 등 object를 일컫는 것이 참조타입이다. 


재미있는 예시 :

const good = '10';
const much = '20';

console.log(good + much);
= 1020(type str)

위 처럼 +를 제외하고 나머지의 경우 일반적인 숫자형처럼 계산된다. 

3교시 : 연산자

1. ++, --
const myValueCal = 20;
const myValueCal1 = 30;

console.log(--myValueCal);
= 19 (--를 사용하면 1 낮은 숫자가 출력된다.)

console.log(myValueCal--);
= 19 그리고 다음에 출력하면 18이 나온다.

마찬가지로 ++ 역시 위와 같은 방식으로 사용한다. 

2. !=, !====, ==== 연산자에 대하여 

const a = 10;
const b = '10';
const c = 20;

console.log(a == b) ; True
console.log(a === b) ; False
=1개 늘어나면 보다 엄격하게 검사한다. 

3. 논리연산자 &&(and), ||(or)에 대하여

console.log(a === 10 && c > 10); True

console.log(a === 10 || c > 30); True
||의 경우 1개만 일치하면 True.



profile
안녕하세요 김영목입니다.

0개의 댓글