TIL11.Java Script

웹사이트를 활동적으로 만들어주는 'JS'에 대해 알아보자.

Java Script

자바스크립트는 웹사이트를 만들고 싶다면 반드시 배워야하는 프로그래밍 언어이다. 기존에 배운 HTML/CSS는 정적인 느낌이라면, JS는 클릭하면 새로운 정보가 짜잔 나타나는 동적인 느낌이다.
세미콜론(;)을 사용해서 문장 끝을 구분해보자.

＊한 줄 코멘트와 여러 줄 코멘트

한 줄 코멘트(single line comment)//
코멘트는 컴퓨터가 아닌 사람을 위해 존재한다. 공동작업을 할 때 소통이 원할하게 이루어지도록 도와주거나 길거나 헷갈릴 수 있는 코드에 대해 설명하기도 한다.

//한 줄 코멘트를 입력하면
//컴퓨터가 인식하지 않아요.
//ㅎㅎ

/*한줄 코멘트를 사용하기 힘들 때 
여러 줄 코멘트를 사용하면 좋습니다.*/

데이터 타입

데이터 타입에는 크게 숫자형, 문자형, 논리형 등이 있다.

숫자형(number) 타입 - 정수와 소수

n = 10;
n2 = 3.14;

문자형(string) 타입 - ""('')

s = '10';
text1 = '안녕';
text2 = "안녕";
/오류 예시입니다.'it'을 문자로 인식합니다.
text3 = 'it's cool';
/이것은 정답입니다.
text3 = "it's cool";
"2" + "5"
"25"

논리형(boolean) 타입 - 참과 거짓

var b = true;

3>5;
false
typeof (3>5);
"boolean"
/같을 경우, ==와 ===를 사용한다.
3 == 3
true
3 === 3
true
3 == '3'
true
3 === '3'
false
/and연산
true && true
true
true && false
false
/or연산
true || true
true
true || false
true
/not연산
!true
false

null, undefined

'null'은 값이 없다는 것을 의도적으로 표현할 때 사용하고, 'undefined'는 코드를 작성하면서 값이 없다는 것을 확인할 수 있는 것이다.

---

변수(variable)

어떤 값을 담기위한 이름을 붙인 도구라고 생각하자. 변수에 '데이터'를 넣어 사용하며, 초기값은 0이다.

변수 규칙들

1.대문자와 소문자는 구별해서 사용해야 한다. a와 A는 다른 이름이다.
2.'문자(a-z,A-Z)', '밑줄(_)'혹은'달러 기호($)'로 시작해야 한다.숫자로 이름을 시작할 수 없다.
3.모든 변수 이름은 'camelCase'로 쓰는 것이 좋다. - 변수명은 띄어쓰기가 불가능하기 때문에 띄어쓰기를 대신해서 첫번째 글자는 소문자로, 띄어쓰기가 있는 각 단어의 첫 문자는 대문자로 표기하는 camelCase를 따른다.

//변수 선언
let score;
score = 0;
//위의 내용과 같습니다.
let score = 0; 

형 변환

문자형을 숫자형으로 바꾸고 싶을 때 사용한다.

var scoreString = '10';
Number(scoreString)
10
typeof scoreString;
"string"
typeof Number(scoreString);
"Number"