/ STUDY

바닐라 JS로 크롬 앱 만들기 (1) - Basic Data Types And Function

Data Types

프로그래밍 과정에서 사용하는 데이터의 종류. 컴퓨터는 숫자 3글자 3을 다른 것이라고 생각한다. 추후 코드를 짜면서 숫자 자리에 문자가 들어가서 오류가 나거나 반대의 경우도 생길 수 있음.

String

문자형 데이터. “123456789” 이런 데이터도 String으로 받으니 주의할 것

Number

숫자형 데이터. 순서 같은 내용을 다룰 때, 자주 사용

Array

한국말로 배열인데 단어 그대로 맨 앞부터 순서대로 나열한 묶음 같은 거라고 생각하면 편하다. 다만, 첫번째 자리를 컴퓨터는 0번째 자리라고 한다는 점에서 차이가 있다.

Object

한국말로 객체이다. 배열과 유사하나 key-value라는 한 묶음이 여러 개 모인 집합이다. 예를 들어 한 사람의 나이, 성별, 주소 등을 묶어서 저장하고 싶을 경우 사용한다.

Variable (변수)

y=f(x) 같은 함수에서 x 역할을 하는 프로그래밍 요소이다. 프로그래밍 과정에서 변수라고 알려주는 코드는 Javascript에서 크게 3가지가 있다.

var

이 친구는 다른 친구들로 대체할 수 있어서 잘 안쓰인다고 했다.

let

이 친구의 경우, 내가 변수로 만들고 다음에 이 변수의 수정이 가능하다.

const

이름에서 보다시피 이 친구는 내가 한 번 변수로 만들면 다른데서 수정이 불가능하다.

Function (함수)

함수의 기본적인 구성은 function "함수이름" ("인자") {"실행"} 이다. 우리가 수학시간에 배웠던 것처럼 y=f(x)에서 인자 = x 그리고 실행 = f(x) 라고 생각하면 편하다.

이 때, 함수에 x를 입력할 때 데이터 타입을 고려해줘야 하는 것을 주의해야한다. 만약 x에 number를 넣고 함수를 진행시키는 코드를 만들었는데 실제로 x에 들어간 데이터가 String이라면 함수가 제대로 실행되지 않고 오류가 발생한다.

Return

수학에서 함수는 무조건 어떤 결과 값을 도출해내지만, 프로그래밍에서는 단순히 어떤 작업만 하는 경우도 함수로 만들어서 처리하는 경우가 있다. 따라서 함수를 통해 어떤 결과 값을 받아 다시 사용할 경우 함수 마지막 부분에 return을 통해 원하는 element를 반환해주어야 한다.

Conditionals (조건문)

조건문은 영어시간에 if를 떠올려보면 쉽다. 또는 입국심사 같은 거를 하는 친구라고 볼 수 있다. 만약에 특정한 경우에만 어떤 행동을 진행시켜야한다고 할 때 사용된다. 이 때, True / False 의 데이터 타입인 boolean이 사용된다.

조건의 경우 여러가지를 걸수 있는데 이 때, And = && 그리고 OR = ||가 사용된다. 겹치는 경우에 결과 값이 어떻게 나오는지를 생각할 때, 아래처럼 생각하면 편하다.

  • And는 전부 True여야 True
  • OR 는 하나만 True여도 True