[JS] #1-1 Java Script에 발을 내딛다

1. Java Script에 대하여

 

 HTML로 웹의 내용을 작성하고, CSS로 웹을 디자인했다면, JavaScript는 웹을 동작하게 하는 프로그램이다.

 그래서 Java Script를 시작하기 위해선 HTML과 CSS에 대한 사전 지식이 필요함을 우선 명시한다.

 

 그리고 Java Script의 언어는 프로그래밍 명령어와 굉장히 가까운 구조를 갖고 있다.

 그렇기에 Java Script에 익숙해지면 Backend단의 프로그래밍을 배우는 데 있어서도 기초를 쌓을 수 있을 것이라 생각한다.

 

 만약 개발자를 꿈꾸고 있다면 배워야할 프로그램 언어는 참 많다.

 Java, Python, C, C++, JSP 등등..

 

 하지만 이 모든 언어에서 모두 잡고 가야할 기초적인 개념들이 있다.

 연산자, 조건문, 반복문, 배열, 함수와 같은 개념들 말이다.

 

 결국 어떤 프로그램 언어를 배워야 하는가! 가 중요한게 아니다.

 어떤 프로그램 언어든 한 가지를 확실하게 이해하고 잡고 가는 것! 이 더 중요하다는 것이다.

 

 

2. Java Script의 TMI

 

 1) 웹페이지의 3요소 중 하나

  구조(HTML) + 표현(CSS) + 동작(Javascript 또는 웹프로그래밍언어)

 

 2) 웹브라우저에서 interpreter방식으로 해석되는 스크립트 언어

 인터프레터 방식이란 소스 코드를 한 줄 한 줄 읽어가며 명령을 바로 처리하는 방식이다.

 (인터프레터란 말 자체의 뜻이 바로 통역사이다)

 

 규모가 큰 소스의 경우 컴파일 언어는 프로그램 실행 전 먼저 기계어로 컴파일하는 데 시간이 오래 걸릴 수 있는데 인터프리터 언어는 코드를 한 번에 한 줄씩 읽어들이며 바로 실행이 가능하다.

 명령 자체의 속도는 한 줄씩 명령을 내리다보니 컴파일러 언어에 비해 느린 편이지만 고급 프로그램을 즉시 실행시킬 수 있어서 프로그램 수정이 간단하다.

 

 컴파일에 대한 내용은 본 블로그의 [JAVA] 탭 #1-1 글을 보면 더 잘 알 수 있을 것이다.

 https://ddcloud.tistory.com/3

[java] #1-1 그래서 자바가 뭔데?

 

 

 3) JavaScript는 서버 사이드이다.

  서버는 늘 바쁘다.

  만약 우리가 어느 사이트에 회원가입을 할 때, 클라이언트들은 서버로 자신이 하고 싶은 아이디를 보낸다.

  이 때 아이디를 5글자 이상 해야한다는 기준을 세워두었는데 이 아이디가 5글자인지 확인하는 것까지 서버가 하기엔 서버가 너무나 바쁘다는 것이다.

  그래서 서버로 정보를 넘기기 전에 서버 사이드에서 아이디가 5글자가 넘는지 확인을 해주고 넘는 아이디들만 서버에 넘기는 것이다.

 

  이것이 서버 사이드의 간단한 개념이다.

  Server Side Interface : JavaScript

  on Server : JSP, ASP, PHP ~~~

 

 4) HTML문서를 좀 더 역동적으로 동작시킬 수 있다

 

 5) jQuery : JavaScript를 라이브러리화 해 놓은 오픈소스

 

 

3. Java Script의 기본 문법

 

 Java Script의 기본 문법에 대해 배워보자.

 우선 Java Script는 'Visual Studio Code' 프로그램을 사용할 것이다.

 

각자의 공간이 확실한 각각의 언어들

 

 위와 같이 자바스크립트의 기본 문법을 연습하려고 html 문서를 만들었다.

 그런데 잘 보면 이 문서 안에서는 HTML도 사용하고, CSS도 사용하고, JavaScript도 사용할 수 있다.

 

 즉 한 문서에 여러가지 문법이 존재할 수 있다는 것이다.

 그렇기 때문에 반드시 각자의 문법의 영역을 다른 문법이 침범하지 않아야 함을 먼저 기억해야한다.

 

 이제 기본 문법을 알아보자!

 

 1) 대소문자를 구분한다

 자바 스크립트는 대소문자를 구분하기 때문에 유의하여야 한다.

 HTML도 대소문자를 구분한다!

 

 2) 종결 문자를 사용한다

 자바 스크립트는 자바와 마찬가지로 종결 문자인 세미콜론 (;) 을 사용한다.

 꼭 써야하는 것은 아니지만 익숙해지기 위해 사용하는 습관을 들이자.