바닐라 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