자바스크립트! 

 

처음 듣는다면 언어 자바의 속편인가? 싶을 것이다.

 

하지만 자바스크립트는 객체 기반 언어로 자바와 다른 언어이다.

 

자바스크립트를 개발할 즈음 언어 자바가 유행해서 이름을 자바스크립트라고 지었다는 속설도 있다.

 

일반적으로 자바스크립트는 웹 페이지의 동적인 부분을 가능하게 하는 영역을 맡고 있다.

 

자바스크립트는 언어임에도 불구하고 html 문서에 태그로 자리 잡을 수 있다.

 

<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
    <title>자바스크립트 페이지</title>
    <script type="text/javascript">
      document.write("<p>Hello World!</p>");
    </script>
  </head>
  <body>
    <noscript>
      <p>브라우저가 자바스크립트 기능을 지원하지 않거나 자바스크립트 기능이 꺼져 있습니다.</p>
    </noscript>
  </body>
</html>

<!-- 
위키백과 참조
https://ko.wikipedia.org/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8
-->

 

 

자바스크립트는 종류가 엄청 다양하다.

 

우리가 사용하는 브라우져(크롬, 익스플로러, 파이어폭스 등)들은 각각의 자바스크립트를 구현한다.

 

그래서 ECMA에서 표준안을 해당 년도마다 내고있다.

 

2016년에 ECMA는 ES6를 표준안으로 내놓았는데 이전 버전(?)인 ES5와 다른 버전에 비해 큰 격차를 지니고 있다.(특히 arrow)

 

우리가 배워야하는 문법은 ES6일수록 좋다 하지만 기본적인 문법을 먼저 공부하고 ES6를 알아보도록 하자.

 

문법을 배우기 전에

먼저 자바스크립트를 사용할 환경을 만들어 주어야한다. 

 

지켜보고 있는 이 페이지에서 f12번을 누른다면 console탭을 찾을 수 있다.

 

Console탭에서 간단한 문법정도는 사용이 가능하니 일단은 에디터나 다른 것 필요없이 직접 문법을 적어보기를 바란다.

변수 var

 

각기 프로그래밍 언어들마다 변수를 선언하는 방법이 다 다르다.

 

개인적으로 자바스크립트의 변수 선언법은 정말 마음에 든다.

 

C언어나 JAVA의 경우 엄격하게 type을 명시해야만 선언이 가능했다.

 

자바스크립트는 var로 숫자건 문자건 모두 선언이 가능하다.

 

var name="홍길동"
var age=25

 

출력문 alert

printf(), print() 많이들 들어보았으리라 믿는다. 

 

C언어나 Python(파이썬)에서는 출력하기위해 위의 출력문을 사용한다.

 

이와 같은 의미로 자바스크립트에서는 눈에 보여지기위해

 

또는 에러를 찾거나 경고를 알리기위해 alert();를 사용한다.

 

var name="홍길동"
var age=25
alert(name+age);

 

if 조건문

C언어를 기반으로 해서 그런지 기본 문법이 C언어와 관련된 문법들이다.

 

if(조건문){

    조건이 참일 경우 실행할 코드; 

}else{

    조건이 거짓일 경우 실행할 코드;

}

 

var name="홍길동"

if(name=="홍길동"){
     alert("홍길동이다!!!")
}else{
     alert("홍길동이 아니군!")
}

 

Console창에 직접 실행해본다면 알림창이 나타날 것이다.

 

 

 

 

내가 웹 개발을 생각하게 된 2019년 프론트앤드와 백엔드 개발자가 있었다.

 

두 개발자는 각각 클라이언트와 서버로 나누어서 개발을 했다.

 

하지만 앱 개발을 보면 둘을 동시에 해야만 한다. 

 

이유는 무엇일까? 

 

전 세계의 모든 사람들이 인터넷을 이용하게 되면서 점점 더 화려하고 움직이는 웹을 요구했다.

 

자바스크립트는 그것을 성공 해내는 언어였고 2015년부터 극적인 성장을 했다.

 

웹 개발을 위해 할 일이 많아지면서 자연스럽게 프론트앤드와 백엔드로 나뉘었다고 한다.

 

하지만 2020년 추세는 풀스택 개발자(프론트앤드와 백엔드 모두를 다루는 개발자)를 필요로 한다.

 

사람인, stackoverflow와 같은 구직 사이트를 참고 하면 따로국밥보다는 말아서 풀스택을 채용하는 회사들이 많아지고 있다.

 

 

공감 또는 훈수 부탁드립니다.(내가 그걸 모를 꺼 같니?? 라던가 응 아니야~이거야~ 해주세요) 

 

그럼~ 앙 제바

 

저작자표시

'IT아카데미 > JAVASCRIPT' 카테고리의 다른 글

홈페이지 만들기 - JAVASCRIPT[1]  (0) 2020.05.21

+ Recent posts

티스토리툴바