JavaScript 정리 1!

변수란?

프로그래밍 - > 데이터 조작

JavaScript? 

• HTML : 기본적인 웹페이지 구성하는 가장 기초적인 언어

• CSS : HTML 등과 같은 웹페이지 사용자 보기 편하게 만드는 언어

• JavaScript : 웹페이지를 동적으로 조작할 수 있도록 설계된 웹 프로그래밍 언어!

• Server Streaming Game 등에서 사용!

변수와 상수

• 데이터를 담고, 꺼내 쓰는 상자.

• 크롬의 개발자 도구의 console 에서 사용!!

• 기본적인 사칙연산이 가능!

명령어

• console.log() : () 안에 있는 데이터를 출력해줘!

• ex) console.log(10+20) 결과값 : 30!

• console.log(123 * 987) : 121401

변수

• 상자와 같은 개념! 원하는 데이터를 담을 수 있음.

• 같은 데이터는 변수로 지정해주는게 좋다!

• 숫자, 연산자, 문자열 등등 다 가능!!

• 변수를 선언을 먼저 해야 함!

변수 선언와 데이터 할당!

변수 선언 키워드

• 사용하고자 하는 변수 이름 앞에 변수 선언 키워드를 사용하면 됨!

• ex) let box; let aaa; 

• 변수선언키워드 변수이름; 

• " ; " : 자바스크립트에서 하나의 코드가 종료되었다는 의미!

• 변수명은 명시적이여야 함.

• 할당 : 프로그래밍에서 어떠한 변수에서 데이터를 담는 과정.

• * 할당 연산자 : " = "

• ex ) let box = 123;

• 변수 참조 : 변수명을 그대로 입력하기만 하면 됨!!

변수 선언 키워드

• 재할당 : 이미 데이터가 있는 변수에 다시 데이터를 할당 시킴.

ex) let box; // 선언

box = 1; // 할당

console.log(box);

box = 5; // 재할당

console.log(box);

• 재선언 : 이미 선언되어있는 변수명으로 다시 선언 시도

ex) let box;

let box; // 재선언

= > 불가능

let

• 재할당이 가능하다.

• 재선언 불가능

const

• 상수변수를 의미

• 재할당, 재선언 불가능

• 선언과 할당이 같이 해줘야함!

var

• 반드시 멀리 해야하는 변수 선언!

• 재할당, 재선언이 가능

camelCase

• 변수는 공백을 허용하지 않음.

• 2가지 이상의 변수를 지정하려면 camelCase(뒷 글자만 대문자), PascalCase(앞글자,뒷글자 둘 다 대문자), snake_case(_언더바) 로 구분!

• camelCase로 주로 사용!

String , Number 

데이터 타입

• String, Number, Boolean, undefined, null, symbol, Bigint, Object

String

• 문자열 - > 텍스트 데이터

• '__' or "__" 안에 입력해야 함. (따옴표 안에 있는 모든 글자들은 텍스트 데이터 )

• 문자열 + 문자열 가능

  ex) console.log( "hello " + "world") => hello world

숫자

• 숫자 타입 데이터는 모든 연산이 가능( + , - , * , / , ... )

• 문자 + 숫자가 가능!

ex) console.log ( "a" + 1) => a1 ( 문자열 반환)

• 여기서 + 는 문자열 연결 연산자!

ex) console.log( '1' + 1 ) => 11 ( 문자열 반환)

ex ) console.log(1 + '') = > 1 ( 문자열 반환)

ex) console.log( 'a' * 1 ) -> NaN ( not a number )

• NaN이 나오는 경우 : 문자열을 포함하는 연산을 했을 때.

ex ) console.log( '2' * 2 ) => 4 (숫자타입 반환)

• 숫자로 변환 가능하다면 연산 진행. 숫자 변환 불가능 하다면 NaN 이 나옴

• 산술 연산자 : +, -, *, /, ...