Til 6일차 (Javascript 학습)

오늘은 자바스크립트 관련 학습영상을 보면서 자바스크립트 공부를 하였다.

자바스크립트는 자바와 이름이 자바와 비슷해 자바와 비슷한 언어라고 오해할 수 있지만, 자바와는 전혀 관련 없는 언어이다. 처음에 Livescript라는 언어로 시작되었다가, 자바가 너무 유명해서 이름을 자바스크립트로 짓자고 시작된 것이 자바스크립트이다.

자바스크립트는 웹관련으로 시작하게 되었다가, Node.js의 등장으로 fullstack언어로써의 역할 ( Frontend + Backend + DB) 을 함으로써 유행세를 타게 되었다.

 자바스크립트 언어는 1. 객체지향 프로그래밍언어이다. 객체지향이란 데이터와 함수를 객체라는 그룹으로 묶어서 처리하는 프로그래밍이다. 2. 동적 타이핑 언어이다. 변수의 타입을 지정할 때 다른언어와는 다르게 따로 지정할 필요가 없다 예를들면 var a = "abc" 와 같이 예를 들 수 있다.이유는 런타임할때 언어의 타입을 결정되기때문이다. 3. 클라이언트, 서버 모두 사용가능한 언어이다. 4. 비동기 처리 언어이다. 작업을 순차적으로 하지않고, 병렬로 처리할 수 있게 하는 방법이다.

 

-변수와 상수 이해

변수 : 메모리에 저장되어 읽어 들여 재사용되거나, 변경가능한 메모리값

변수의 3가지 종류 (var, let, const)

var는 같은 이름으로 변수할당이 되지만 나머진 안됨

(같은이름으로 변수 할당이 다시 되는건 var만)

var myVar = "Hello World"

var myVar = "test1";

console.log(myVar);

 

var와 let은 재할당이 되지만 const에 할당한 값은 한번 할당하면 재할당이 안됨

(재할당 예시)

let myLet = "Hellow World1";

myLet = "GoodBye1";

console.log(myLet);

그리고 typeof함수를 써서 변수의 데이터타입을 찾는것을 통해 데이터타입 공부를 하였다.

정수형, 실수등 number로 이루어진 데이터타입과 문자열로 이루어진 데이터타입, 객체는 키와 밸류로 이루어져있고 {} 중괄호로 둘러싸여있고 배열은 [] 대괄호로 둘러싸여있는 것을 배웠고, 형변환을 통해 정수형 + 문자열이면 문자열로 바뀌고

문자열에 -나 *등을 이용하여서 정수형과 함께하면 정수형으로 암시적 형변환이 되는것을 배웠다.

예시)

let result1 = 1 + "2";

// console.log(result1);

// console.log(typeof result1);

let result2 = "1" + true;

// console.log(result2);

// console.log(typeof result2);

// 1-2. 숫자 (+ 연산자가 아닌 - 나 * 연산자가 나올경우 숫자로 형변환)

let result3 = 1 - "2";

// console.log(result3);

// console.log(typeof result3);

let result4 = "2" * "3";

// console.log(result4);

// console.log(typeof result4);

그리고 각종 비교연산자 ===(일치연산자)와 !==(불일치연산자) < , > (작다 크다연산자) 와 논리연산자, 삼황연산자 등을 배웠다.

=== 일치연산자는 데이터타입, 이름, 값이 모두 같아야 일치고, 불일치는 일치연산자의 반대값을 배출한다.

삼항연산자는

//5. 삼황연산자(중요!)

//조건에 따라 값을 선택한다

let x = 10;

let result = (x > 5) ? "크다" : "작다";

console.log("=========");

console.log(result); //true가 할당되어 크다가 출력

console.log("=========");

let y = 5;

// 3황 연산자를 이용해서 y가 10보다 작은 경우 작다 표시

let result1 = (y > 10) ? "크다" : "작다";

console.log(result1);

다음과 같이 항이 3개로 이루어져있어서 왼쪽의 조건문이 true일경우 왼쪽 false일 경우 오른쪽 답을 배출한다.

함수에서

// 1. 함수 선언문

// 두 개의 숫자를 입력 받아서 덧셈을 한후 내보내는 함수

function add(x, y)

{

    return x + y;

}

// 2. 함수 표현식

let add2 = function(x, y)

{

    return x + y;

}

두가지 함수를 선언하는 방법을 배웠고,

거리에 따라 전역변수인지 지역변수인지를 알게하는 범위에 대해 배웠다.

사실 지금까지 보면 옛날에 c나 c++을 배웠던것이 도움이 되어 공부하는데 크게 어려움이 없었지만 앞으로 javascript만의 문법을 배우게 되면 어떤식으로 배우게 될지 몰라서 기대된다.