01. 자바스크립트란?
프로그래밍 언어도 인간이 쓰는 언어처럼 매우 다양하고 계속해서 발전함. 언어 고유의 특성과 장단점이 있지만 좀 더 많이 쓰이는 언어들이 존재함. 자바스크립트는 이러한 언어들 중에서 몇 손가락 안에 들만큼 많이 쓰이는 언어이고, 많은 프로그래머들로부터 사랑받고 있는 언어.
1-1) Node.js는 무엇인가?
Node.js 는 우리가 자바스크립트 언어의 문법에 맞게 코딩을 했을 때 컴퓨터가 이를 해석해서 처리할 수 있도록 해주는 일종의 전용번역기. 이 번역기가 이전에는 웹브라우저에만 있었지만, 우리 컴퓨터에 Node.js만 설치해주면 웹브라우저 가 아닌 곳에서도 자바스크립트 코드를 실행하고 그 결과물을 바로 확인할 수 있음
02. console
console.log('Hello World')
// Hello World 라는 문자열을 출력하는 명령어입니다.
// 앞으로도 계속 console.log 라는 명령어를 활용해 우리가 프로그래밍한 결과물들을 출력해볼거예요!
03. Terminal
VSCode 상단에 위치한 메뉴바에서 Terminal - New Terminal을 클릭하면 화면이 상하로 분할됨.
아래쪽 화면에 커서를 위치하고 "node hello.js"라고 타이핑한 후 엔터를 누르면 "Hello World" 출력 완료
(node 현재파일 이름 입력)
우리가 터미널에서 node hello.js 라고 명령함으로서 컴퓨터는 Node.js를 활용해 hello.js 파일을 해석하고
그 결과물을 우리에게 출력해준 것입니다.
다시 한번 강조하지만 프로그래밍은
데이터 입력 ⇒ 입력받은 데이터 처리 ⇒ 처리된 최종 데이터를 출력하는 과정을 위한 작업입니다.
방금 우리가 해본 것도 "Hello World"라는 문자 데이터를 입력하고 이를 컴퓨터가 해석해서 다시 우리에게 출력해준 것이었습니다.
자바스크립트 문법 뽀개기를 통해 더 다양한 데이터를 입력하고 처리해서 출력해보는 과정을 반복해보도록 할거예요!
04. 변수
변수 선언과 데이터 할당
4-1) 자바스크립트에서 변수를 선언할 때는 let 이라는 키워드를 사용 ( let 변수이름 = 값 )
"변수 <변수이름> 를 선언했고 해당 변수에 <값>을 할당했다" 고 얘기
변수란 무엇일까요?
보통 프로그래밍 세계, 그리고 자바스크립트에서는 값(데이터)을 저장해놓고 사용하기 위해 변수라는 것을 사용합니다.
변수는 저장해놓은 값을 가리키는 일종의 '이름표'라고 생각할 수 있어요.
이렇게 변수를 사용하면 해당 데이터가 의미하는 바를 변수이름을 통해 정확히 표현할 수 있고,
계속해서 재사용도 할 수 있는데요, 이것들이 정확히 무엇을 의미하는지는 차근차근 감을 잡아보도록 할게요.
let name = 'Sinok Kim' // name이라는 변수에 Sinrok Kim 이라는 값을 할당
console.log(name) // 변수 name이 가리키고 있는 값 Sinrok Kim 을 출력
name = 'William' // 위에서 선언했던 name이라는 변수에 "William"이라는 값을 재할당
console.log(name) // 변수 name이 가리키고 있는 값 "William"을 출력
4-2) 자바스크립트에서는 변수를 선언하는 const 라는 키워드도 있음 ( const 변수이름 = 값 )
해당 변수가 고정된 값을 계속 갖고 있을 때 쓰면 좋음
const name = "Sinok Kim" // name이라는 변수에 "Sinrok Kim"이라는 값을 할당
console.log(name) // 변수 name이 가리키고 있는 값 "Sinrok Kim"을 출력
name = "William" // 위에서 선언했던 name이라는 변수에 "William"이라는 값을 다시 재할당하려는 것이지만 실패. 에러 발생!
변수를 선언할 때 var 라는 키워드를 혹시 보신 적이 있나요?
let, const가 있기 전에는 실제로 var 를 써서 변수를 선언해야만 했습니다.
하지만 최신 자바스크립트에서는 let과 const를 쓰는 것이 맞습니다. var는 여러 단점들이 있기 때문에
더 이상 사용하지 않아야 해요.
05. 데이터 타입
앞서 값(데이터)를 변수에 할당하고 출력하는 것을 해봤는데, 자바스크립트에서는 여러 종류의 데이터 타입들이 존재.
5-1) 기본 또는 원시형 (primitive) 타입이라고 불리는 number, string, boolean, null, undefined
왜 이런 데이터 타입들이 존재할까요?
프로그래밍이란 것은 수많은 데이터를 입력 ⇒ 처리 ⇒ 출력하는 과정을 컴퓨터가 알아들을 수 있는 언어로
서술하는 것이라고 할 수 있어요.
그런데 세상에는 정말 무수히 많은 데이터들이 존재하겠죠? 이러한 데이터들을 컴퓨터가 보다 빠르고 효율적으로
처리하기 위해 자바스크립트라는 프로그래밍 언어가 구분해놓은 것이라고 생각하면 좋을거 같아요.
1. 숫자 ( Number )
말 그대로 숫자 데이터
나이, 거리, 무게, 가격.. 정말 무수히 많은 종류의 데이터를 숫자로 표현할 수 있음
console.log(10) // 10을 출력
const myAge = 37
const yourAge = 25
console.log(myAge) // 37을 출력
console.log(yourAge) // 25를 출력
2. 문자열 ( String )
말 그대로 문자열 데이터
이중 따옴표("")나 작은따옴표('')로 데이터를 감싸야 함
이름, 브랜드명, 제품명.. 역시 많은 종류의 데이터를 문자열로 나타낼 수 있음
const firstName = 'Sinrok'
const lastName = 'Kim'
console.log(firstName) // Sinrok을 출력
console.log(lastName) // Kim을 출력
3. Boolean
자바스크립트에서 참과 거짓을 나타내는 true / false를 표현하는 데이터
비교연산자에서 많이 활용하게 됨
const isMan = true
const isWoman = false
console.log(isMan)
console.log(isWoman)
4. null , undefined
null은 텅텅 비어 있는 값을 의미
undefined는 변수를 선언만 하고 값이 할당되어 있지 않은 것
let name1 = null
console.log(name) // null을 출력
let name2
console.log(name2) // undefined를 출력
5. 내가 원하는 변수들을 자유롭게 선언해보고 데이터를 할당한 뒤 출력해보기
const brandName = 'Nike'
const modelName = 'Air Jordan'
console.log(brandName)
console.log(modelName)
const shoesPrice = 200000
const capPrice = 180000
console.log(shoesPrice)
console.log(capPrice)
5-2) 자바스크립트에는 기본 타입 이외에 객체형 타입이라는 데이터도 존재
'(심층)자바스크립트' 카테고리의 다른 글
타강의 3) 자바스크립트 (0) | 2022.11.28 |
---|---|
타강의 2) 자바스크립트 (0) | 2022.11.26 |
짧게 짧게 알게 된 것 정리 1 (0) | 2022.11.25 |
타강의 1) 자바스크립트 (0) | 2022.11.17 |
자바스크립트 문법 02 (0) | 2022.11.08 |
github : https://github.com/dnjfht
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!