JavaScript

JavaScript is the world's most popular programming language.
JavaScript is the programming language of the Web.
JavaScript is easy to learn.
This tutorial will teach you JavaScript from basic to advanced.
-w3school-

=> 웹 페이지와 상호작용하도록 만들어진 언어. 브라우저에서 사용자의 행동을 처리하고, 데이터도 저장하고, 네트워크 응답과 요청을 처리하는 역할을 합니다.

본격 TIL

주석 달기

주석은 개발자가 보는 개발 환경에서는 읽을 수 있지만, 실제 코드가 작동하는 시점에서는 코드에 영향을 주지 않는다. 말 그대로 개발자가 어떤 코멘트 등을 달거나, 디버깅 확인 등을 위한 처리로써 사용한다.

한 줄의 코드는 // 로 주석 처리를 하지만, 여러 줄에 걸쳐 주석 처리를 할 경우 시작점과 끝점에 /* */를 붙여줌으로써 주석 처리를 한다.

* exmaple.js
// 이 문장은 주석 처리가 되었습니다.

/* 여러줄의 코드일 경우
 이런 식으로의 주석 처리도 가능하답니다!! */

변수(variables)

자바스크립트 뿐만 아니라 다양한 언어에서 사용되고 있으며,
어떤 데이터 값을 저장하는 container의 역할을 한다.
let, const, var를 이용해 변수에 데이터값을 저장할 수 있다.

* example.ljs

let car = "부릉부릉";

const array = ["안녕하세요","위코드의","피리부는 사나이","써니입니다."];

var global = {"꿈":"프론트엔드 개발자가 되어 다양한 인터렉션 구사하기"};

let const var는 사용법과 scope에 있어 각각의 차이가 존재한다.
개인적으로 사용에 있어 중요하다고 생각하기 때문에 다른 포스팅으로 분류 작성 할 예정이다. :)

함수(function)

위의 이미지는 함수의 구조를 설명해둔 이미지이다.
함수는 하나의 특정한 작업을 수행할 수 있도록 설계된 하나의 블록 개체이다.
위처럼 작성된 함수를 실행시키기 위해서는 꼭 "호출"을 해줘야한다.

function HelloWorld(name){return name;}  //함수 정의
HelloWorld("안녕!") // 함수 호출

위 함수에서 정의를 할 때, ()안에 name이 작성되어있다.
이 name을 매개변수(parameter)라고 하고, 함수를 호출할 때 name 위치에 담긴 "안녕!"을 인자(argumen)라고 합니다.

수학적 계산을 위한 연산자

계산기를 보면 계산을 하기위한 여러가지 연산자들이 존재한다.
자바스크립트에도 여러 연산자가 존재한다.

var num1 = 3;
var num2 = 8;

console.log(num1+num2); -> num1과 num2를 더하기
console.log(num1-num2); -> num1에서 num2를 빼기
console.log(num1*num2); -> num1과 num2를 곱하기
console.log(num1/num2); -> num1을 num2로 나눈 몫. 정수가 리턴되는 것은 아님!
console.log(num1%num2); -> num1을 num2로 나눈 나머지 값.
console.log(num1**num2); -> num1의 num2제곱. 여기서는 3의 8제곱값이 리턴된다.

Data type

자바스크립트에는 여러가지 데이터 타입들이 존재하는데,
가장 대표적인 예로는 boolean, number, string, object 등이 존재한다.
type을 확인하는 가장 빠른 방법은 typeof를 사용하는 방법이다.

console.log(typeof 42);
// number

리턴값은 자료형을 스트링(문자열)로 받게 되며, 변수에 담아 자료형을 확인하는 방법 또한 가능하다.
대신 문자열 타입을 확인해야 할 때에는 꼭 "" 혹은 ''로 감싸주기!!

typeof 를 사용하는 예로는 if문을 통해 데이터값에 따라 실행될 구문들을 구분해 주는 경우가 있다.

* typeofExmaple.js

if(typeof ~~ === string) {~~~}

Unikys 티스토리 블로그에서 다양한 정보, 예시 등을 얻을 수 있었다 :)

array의 경우 확장된 객체의 유형이기 때문에 typeof를 사용할 경우 'object'가 리턴됩니다. 유의하기!!