자바스크립트 (1) 자바스크립트란?

자바스크립트 강의 

 개발일지

 

  
학습 진행 내용

필수 프로그램 설치

Chrome

Visual Studio Code 설치

Node.js 설치

자바스크립트 기초개념

 

자바스크립트란?

 프로그래머들은 "어떤 도구"를 이용해 코딩을 한다.

이 때 이용하는 도구가 바로 프로그래밍 언어.

인간이 쓰는 언어와 마찬가지로 프로그래밍 언어도 정해진 문법이 있다.

이 문법에 따라 코딩을 하면 컴퓨터는 이를 해석해 우리가 원하는대로 데이터를 입력받아 처리하고 출력해줄 수 있다.

 

프로그래밍 언어도 인간이 쓰는 언어처럼 매우 다양하고 계속 발전한다.

언어 고유의 특성과 장단점이 있지만 좀 더 많이 쓰이는 언어들이 존재한다.

자바스크립트는 이러한 언어들 중에서 몇 손가락 안에 들만큼 많이 쓰이는 언어이고, 많은 프로그래머들로부터 사랑받고 있는 언어다.

 

👉  Node.js 란 무엇인가?

"Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser" Node.js를 정의하는 문장이다.

 아직은 한번에 딱 와닿지 않는다.

조금 더 쉬운 말로 얘기하자면 Node.js 는 우리가 자바스크립트 언어의 문법에 맞게 코딩을 했을 때 컴퓨터가 이를 해석해서 처리할 수 있도록 해주는 일종의 전용번역기라고 생각하면 된다.

 이 번역기가 이전에는 웹브라우저에만 있었지만, 컴퓨터에 Node.js만 설치해주면 웹브라우저가 아닌 곳에서도 자바스크립트 코드를 실행하고 그 결과물을 바로 확인할 수 있게 되었다.

 

Hello World

우리가 보통 코딩을 처음 시작하게 되면 하는 일이 "Hello World"라는 문구를 출력해보는 일이다.

이렇게 자바스크립트 프로그래밍 세계에 첫발을 내딛는다.

 

• 컴퓨터에 원하는 폴더 위치에 "javascript" 라는 이름의 폴더를 만든다.
• VSCode를 실행하고 메뉴의 File - Open에서 이 폴더를 연다
• 메뉴의 File - New File을 클릭해 파일을 만든다.
• 아래와 같이 타이핑을 한 이후에 hello.js 라고 저장해준다.

console.log('Hello World')
// Hello World 라는 문자열을 출력하는 명령어.
// console.log 라는 명령어를 활용해 우리가 프로그래밍한 결과물들을 출력

저장은 메뉴의 File - Save를 누르면 된다.

"." 뒤에 js는 이 파일이 자바스크립트 파일이라는 것을 알려주는 확장자.

이렇게 확장자를 명시해주면 코딩을 할 때 VSCode와 같은 에디터 툴이 지원해주는 여러 도움을 받을 수도 있다.

👉 console.log('Hello World') 밑에 있는 // 는 무엇인가?
주석이라고 부르는 것. 
우리가 익숙히 알고 있는 주석과 같은 의미인데
컴퓨터가 해석해서 실행하는 부분이 아니기 때문에 
코딩을 하면서 특별히 설명을 달고 싶은 것들이 있을 때 사용한다.

VSCode 상단에 위치한 메뉴바에서 Terminal - New Terminal을 클릭

VSCode에서 화면이 상하로 분할된다.

아래쪽 화면에 커서를 위치하고, "node hello.js"라고 타이핑 한다.

엔터를 누르면 "Hello World" 출력 완료!

 

🔥 우리가 터미널에서 node hello.js 라고 명령함으로서
컴퓨터는 Node.js를 활용해 hello.js 파일을 해석하고 
그 결과물을 우리에게 출력한것

.
👉 프로그래밍은 다음과 같은 과정을 처리하기 위한 작업이다,

1. 데이터 입력 
2. 입력받은 데이터 처리 
3. 처리된 최종 데이터를 출력

Hellow Wold를 띄운것은  "Hello World"라는 문자 데이터를 컴퓨터에 입력하고 
이를 컴퓨터가 해석해서 다시 나에게 출력해준 것.