자바스크립트의 타입과 변수

Unsplash - Amador Loureiro

1.  자바스크립트의 타입(Type)

코딩을 하기 위해서는 다양한 타입(정확하게는 7개의 타입)들을 적절한 방법으로 작성할 수 있어야 한다.

특히, 타입의 특징을 활용한 여러 예제도 있는만큼 타입을 정확하게 이해하는 것이 중요하다.

 

*내가 이해한 타입이란, 결국 일상생활에서 쓰이는 다양한 값(들어가는 값/나오는 값)을 컴퓨터 언어에 맞게 분류한 것에 불과하다!

- 특히 어떤 예제에서  불린 타입(boolean) 형태로 Return(반환)하라는 요구를 들었을 때, "어? 내가 생각한 불린은 컴퓨터에서 알아서 판단하고 나오는 값 아닌가? 왜 그렇지?라는 선입관에 의해 벙쪘었다.

 

1. Number(숫자) 타입 : 양의 정수(100), 음의 정수(-100), 자연수(3.14 등)

2. String(문자열) 타입 : "I am Teacher"

3. Boolean(불리언) 타입 : True/False

 

사실 타입 자체를 아는 것으로는 아무것도 할 수 있는 게 없다...(맞겠지?)

 

각 타입에서 사용할 수 있는 메서드와 연산자를 알아야만 그 타입을 사용하는 의미가 있을 것이다.

 

a. Number type에서 자주 쓰이는 연산자

- typeof (맨날 띄어쓰기 해서 오류가 난다;;;) : 해당 값의 타입을 알 수 있도록 도와준다

- 사칙연산(+, -, *, /) : 

- Math. : 수학에서 쓰이는 다양한 계산을 js 자체에서 지원한다. (올림/내림/반올림/절대값 등)

 

b. String type에서 자주 쓰이는 메서드

- .length : 문자열의 길이를 표시 (이게 자주 쓰인다는데 나는 아직 잘 모르겠다)

- .toLowerCase() : 문자열 소문자 전환, .toUpperCase() : 문자열 대문자 전환, .concat() : 문자열 이어붙이기, .slice(시작, 끝) : 특정 부분에서 자르기, .indexof() : 특정 문자의 위치 확인, .include() : 특정 문자의 포함여부 확인

 

c. boolean 값을 리턴할 수 있는 다양한 연산자

- ===(같은가?) : 동치비교연산자

- !==(다른가?) : "

- || (둘 중 하나라도 맞으면 true) : 논리연산자

- && (둘 다 맞아야 true) : "

 

2.  자바스크립트의 변수

중학교 수학시간에 변수가 무엇인지 잘 몰랐던 기억이 난다. 그저 "변하니까 아무거나 넣어도 논리가 통해야 하는 무언가"라고만 이해했다.

그리고 여전히 어려운 것 같다.

 

a. 변수 = 데이터에 붙여진 이름 (함수/타입 뭐든 가능!)

b. 선언 = 변수는 반드시 이것이 변수임을 컴퓨터에게 알려줘야 한다.

- let 무언가ㅋㅋ : 무언가ㅋㅋ에 다른 값을 할당할 수도 있음

- const 무언가ㅎㅎ : 무언가ㅎㅎ에 다른 값을 할당할 수 없음

c. 템플릿 리터럴(처음엔 이게 +랑 뭔 차이인가 싶었다) = ~ ${어떤 변수} ${그런 변수} ${이상한 변수}~ // 어떤 그런 이상한...

- 핵심!!!! : 변수에 들어간 값은 함수/메서드에 따라 아주 다양해질 수 있기 때문에 효율이 좋을 것 같다!

 

 

 

 

ps. 처음 자바스크립트를 공부하며 도와주신 저희 pair님께 심심한 위로와 깊은 감사의 말씀을 드립니다!