[JavaScript] 01. 자바스크립트

🟡 1. 자바스크립트란?

 자바스크립트는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다.  -위키백과-

 라고 위키백과에서 설명을 하고 있으나, 대체 이게 무슨 말일까..? 

Javascript는 HTML과 CSS로 만들어진 웹페이지를 동적으로 변경해주는 언어입니다.  -생활코딩-

 생활코딩에서는 조금 더 쉽게 설명이 되어 있습니다. 쉽게 예시를 들자면 사람의 몸이 웹사이트라고 하면 HTML은 뼈이고, CSS는 피부색, 외모이고 자바스크립트는 몸을 움직이는 근육이라고 생각하면 이해하기 쉬울 거 같습니다. 즉 자바스크립트는 웹사이트가 어떠한 기능 등을 수행할 수 있도록 해주는 언어입니다. 경고창을 띄운다거나 검색 버튼을 눌렀을 때 검색이 되게 해 준다거나(검색을 직접적으로 수행하는 건 서버이다. 예시를 들기 위해 간략히 말한 것) 하는 기능 등을 가능하게 해 줍니다.
 물론 웹 개발안에서만 예시를 든 것이고, 현재의 자바스크립트는 웹 프런트엔드를 넘어 서버, I.O.T, 앱, 윈도우 애플리케이션, 게임 등으로 활용도가 굉장히 넓어졌습니다. 하지만 이번 글에서는 웹 프런트엔드를 기준으로 글을 작성할 예정입니다. 

 

🟡 2. 프로그래밍 언어

 - 자바스크립트를 설명하기 전에 간단하게 프로그래밍 언어가 무엇인지를 짚고 넘어가겠습니다. 프로그래밍 언어란 사람이 컴퓨터에게 혹은 기계에게 어떤 행동을 시키기 위한 언어입니다. 흔히 알고 있는 자바스크립트, JAVA, C언어, 파이썬 등이 프로그래밍 언어입니다. 그리고 프로그래밍 언어로 개발을 하는 것을 프로그래밍이라고 하며, 프로그래밍 언어로 작성된 글을 소스코드(코드)라고 합니다. 

 

🟡 2.1 컴파일 언어 & 인터프리터 언어

- 단어부터 너무 생소하실 겁니다. 컴파일? 인터프리터? 어려운 내용일 수 있지만, 중요한 내용이라서 추가했습니다.  최대한 쉽게 설명 보겠습니다 😅
일단, 컴퓨터는 우리가 위에서 말했던 프로그래밍 언어를 이해하지 못합니다. 컴퓨터는 0,1로 되어있는 기계어로 말해줘야 말을 듣습니다. 그래서 프로그래밍 언어를 컴퓨터한테 알아듣게 해주는 방법이 2가지가 있는데 그것이 컴파일과 인터프리터입니다.

 하나의 예시를 들어 설명을 해보겠습니다. 개발자(=한국사람), 프로그래밍 언어(=한국어), 기계어(=영어), 컴퓨터(=미국인)이라고 가정해봅시다. 한국사람이 미국인에게 한국말을 하면 못 알아듣는 게 당연합니다. 그래서 우리는 파파고를 사용하던가 동시 통역사, 번역가를 이용합니다. 
 컴파일의 경우 한국말로 되어 있는 책을 미국 사람에게 주려고 하는데 미국 사람은 한국말을 모르기 때문에, 번역가에게 도움을 요청해서 영문으로 번역해서 책을 새로 재본해서 줍니다. 이때 번역하는 동안에 많은 시간이 소요되지만 미국인이 영문으로 된 책을 읽을 때는 막힘 없이 술술 읽을 수 있습니다. 이때 번역하는 행위를 컴파일이라고 부르고 번역가를 컴파일러라고 합니다. 즉, 개발자가 프로그래밍 언어를 이용하여 프로그램을 만든 후, 소스 코드를 컴파일러에게 컴파일을 맡기고 컴파일러가 바꿔준 기계어를 컴퓨터에게 줘서 프로그램을 실행시킵니다. 컴파일 언어로는 JAVA, C, C# 등이 있습니다.

컴파일

 

 인터프리터는 한국인이 미국인들에게 연설을 하는데 한국말로 하는 상황이라고 볼 수 있습니다. 한국인과 미국인들 사이에서 동시 통역사가 한국인의 연설을 한마디 한마디 듣고 영어로 미국인들에게 말을 해줍니다. 이때 한마디 한마디 통역을 하느라 전체 연설 시간은 길어질 수 있으나, 바로바로 통역을 해 줄 수 있다는 장점이 있습니다. 이걸 다시 말을 해보자면, 통역사는 인터프리터가 되고 프로그래밍 언어를 컴파일할 필요 없이 바로 실행하여 인터프리터가 프로그래밍 언어를 한줄한줄 바로 기계어로 번역해서 컴퓨터에게 전달을 해주는 방식입니다. 대표적인 인터프리터 언어는 자바스크립트, 파이썬, 루비 등이 있습니다. 

인터프리터

 

🟡 2.2 프로그래밍 언어의 유형

유형	설명	종류
절차적 언어	알고리즘을 단계 단계 밟아가며 문제를 해결하는 프로그래밍 언어.	C, ALGOL, COBOL, FORTRAN 등
객체 지향 언어	데이터와 그 데이터를 처리하는 메소드끼리 묶어 놓는 프로그래밍 언어. 약간 레고 조립같은 방식.	자바스크립트, 파이썬, C++ 등 대다수
함수형 언어	함수단위로 프로그래밍을 하는 프로그래밍 언어.	Scala, C#, Kotlin 등
논리형 언어	데이터 사이의 관계와 논리를 설명해 나가는 프로그래밍 언어.	머큐리, 앨리스, 오즈 등

설명만 봐서는 솔직히 어렵다. 그리고 각각 깊게 파고 들어가면 매우 복잡한 내용이 나오므로 지금은 이런 언어가 있고, 그 언어에는 저런 종류가 있구나 정도로... 

 

🟡 3. 자바스크립트 특징

- 자바스크립트의 특징이라고 하면 크게 5가지를 말합니다.

1. 인터프리터 언어다 
2. 동적 프로토타입 기반 객체 지향 언어이다 
   • 자바스크립트는 프로토타입을 상속하는 프로토타입 기반 객체 지향 언어입니다.
   • 객체를 생성한 후에도 프로퍼티와 메서드를 동적으로 추가, 수정, 삭제할 수 있습니다.
3. 동적 타입 언어다.
   
   • c++, java와 같은 언어는 프로그래밍 언어는 실행이 되기 전에 변수 타입이 결정되는 정적 타입 언어이지만, 자바스크립트는 실행하는 도중에 변수 타입이 결정되는 동적 타입 언어입니다.
4. 함수가 일급 객체다.
   
   • 자바스크립트 함수는 객체이며, 함수에서 함수를 프로퍼티로 사용할 수 있습니다.
5. 함수가 클로저를 정의한다
   
   • 클로저는 함수 단위로 정의가 됩니다.

 특징들도 읽어보시면 '이게 다 무슨 말이야..' 하실 거예요. 걱정하실 필요 없어요! 당연한 거예요... 이제 앞으로 차근차근 공부하시고 다시 돌아보시면 '아~ 이런 말이구나' 하실 거예요 :) 
이해 안 된다고 겁먹지 마시고, 모르겠다고 지금 당장 너무 깊게 파고 들어가시지도 마세요! ㅎㅎ 

 

긴 글 읽어주셔서 감사합니다 :) 
틀린 내용이 있거나, 덧붙일 내용이 있다면 언제든지 댓글 달아주세요!
제 글이 조금이나마 읽은 신 분들에게 도움이 되도록 노력하겠습니다
다음 편에 봬요~