1. 기초
ⅰ. 프로그래밍이란?
- 프로그래머들이 "어떤 도구"를 이용해 컴퓨터가 작동시킬 수 있는 프로그램을 만들고, 사용자들이 마우스 클릭이나 키보드 입력방식으로 프로그램을 사용함.
- 마우스 클릭이나 키보드로 타이핑을 하여 데이터를 "입력"하고, 입력된 데이터들은 어딘가에 저장되어서 "처리"가 되고, 모든 기록과 실시간 업데이트 상황을 화면에 "출력" 되어서 우리가 확인할 수 있음
- 데이터의 입력 => 처리 => 출력이 바로 프로그램이 하는 일이고, 프로그램이 정해진 방식에 따라 일할 수 있도록 작성해 놓는 게 프로그래밍이라고 할 수 있음.
ⅱ. JavaScript란?
- 프로그래머들이 "어떤 도구:를 이용해 코딩을 한다고 하는데 이때 사용하는 도구가 바로 프로그래밍 언어
- 프로그래밍 언어도 정해진 문법이 있고, 이 문법에 따라 코딩을 하면 컴퓨터는 이를 해석해 우리가 원하는 대로 데이터를 입력받아 처리하고 출력할 수 있음
- 프로그래밍 언어도 매우 다양하고 계속적으로 발전하고, 언어 고유의 특성과 장단점도 있지만 좀 더 많이 쓰는 언어가 존재함
- 이중에 하나가 자바스크립트
ⅲ. Node.js란?
- "Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript cod outside a web browser" - Node.js를 정의하는 문장
- 우리가 자바스크립트 언어의 문법에 맞게 코딩을 했을 때 컴퓨터가 이를 해석해서 처리할 수 있도록 해주는 일종의 전용 번역기
- 이전에는 웹브라우저에만 있었지만, 우리 커뮤터에 Node.js만 설치해 주면 웹브라우저가 아닌 곳에서도 자바 스크립트 코드를 실행하고 그 결과물을 확인할 수 있음
ⅳ. Hello World 출력해보기
- 원하는 폴더 위치에 폴더를 생성함
- VSCode(Visual Studio Code, 코딩을 위한 전용에디터)를 실행하고 생성된 폴더를 열어줌
- New File을 클릭하여 새로운 파일을 만들고 hello.js라고 저장함, "."뒤에 js는 자바스크립트 파일이라는 것을 알려주는 확장자명
console.log('Hello World')
// Hello World 문자열을 출력하는 명령어, 문자열은 '', ""로 감싸야함
// console.log는 데이터들을 출력할 수 있는 명령어임
// //은 주석으로 컴퓨터가 해석해서 실행하는 부분이 아니기 때문에
// 코딩을 하다가 설명을 달고 싶은 것들이 있을때 사용함
- 터미널 실행 후 node hello.js라고 타이핑 후 엔터를 누르면 HelloWorld 출력
- 터미널에서 node hello.js라고 명령하묜 컴퓨터는 Node.js를 활용해 hello.js파일을 해석하고 그 결과물을 출력해 줌
2. 변수(Variable)
ⅰ. 변수란
- 값(데이터)을 저장해 놓고 사용하기 위해 변수라는 것을 사용함
- 변수는 저장해 놓은 값을 가리키는 일종의 이름표
- 변수를 사용하면 해당 데이터가 의미하는 바를 변수이름을 통해 정확히 표현할 수 있고, 계속해서 재사용할 수 있음
ⅱ. let
- 변수를 선언할 때는 let이라는 키워드를 사용, let 변수이름 = 값
- 변수 <변수이름>를 선언했고 해당 변수에 <값>을 할당했다고 함
let name = '지영' // name 변수에 홍길동 이라는 값을 할당
console.log(name) // 변수 name이 가리키고 있는 값 홍길동을 출력
name = '지수' // 선언했던 name 변수에 지수 라는 값을 재할당
console.log(name) // 변수 name이 가리키고 있는 값 지수를 출력
// 코드는 항상 위에서 아래로 해석됨
// 한구문이 끝나면 세미콜론(;)을 사용해서 코딩이 끝났다는 아낸를 하지만 최근 생략해서 많이 사용
ⅲ. const
- 변수를 선언할 때 const라는 키워드를 사용, const 변수이름 = 값
- const는 let과 달리 변수에 값을 재할당 할 필요가 없을 때 사용
- 한번 값을 할당하게 되면 다른 값을 할당할 수 없으니 주의가 필요
const name = '지수' // name 변수에 지수라는 값을 할당
console.log(name) // 변수 name이 가리키고 있는 값 지수를 출력
name = '지영' // 선언했던 name 변수에 '지영'이라는 값을 재할당하면 Type Error 발생
'공부 > JavaScript' 카테고리의 다른 글
JavaScript 문법 종합 1주차(2) (0) | 2023.05.24 |
---|---|
JavaScript 문법 종합 1주차(1) (0) | 2023.05.23 |
JavaScript 기초4 (0) | 2023.05.03 |
JavaScript기초 3 (1) | 2023.05.02 |
JavaScript기초 2 (0) | 2023.04.28 |