👾 프론트엔드

ES2020 강좌 2-1. 끝말잇기 순서도 그리기

토심 2021. 3. 2. 23:52

자바스크립트의 버전에 관하여 간단히

ES6는 2015년도에 나왔고 이후 버전부터

ES2016 = 2016년 버전

ES2017 = 2017년 버전

ES2018 = 2018년 버전

현 강의는 ES2020

 

브라우저를 최신화하면 브라우저에 자바스크립트 버전도 최신화가 된다.

최신화를 하면 추가로 지원되는 기능을 사용할 수 있는데

이 추가되는 기능들이 매우 편리하다.

 

개발자 사이에서 인터넷 익스플로러는 악명이 높은데,

익스플로러는 자바스크립트 버전이 너무 낮다.

 

그래서 최신 코드를 옛날 코드로 바꿔주는 트렌스파일러를 사용해야한다.

개발은 일단 최신 버전으로 해주고 트랜스파일러를 사용해서 IE에 적용하면 된다.

그래서 왜 IE에서만 사용 가능한 프로그램이 존재하는지 이해할 수 없다.

  

 

끝말잇기 강의 시작

지난 시간에 순서도를 강조했었는데,

이번에도 기획을 먼저 해보겠다.

 

순서도

 

작성코드

index.html

<html>
    <head>

    </head>
    <body>
        <div id="word">이즈리얼</div>
        <div>
            <input id="input" type="number" />
            <button id="button">입력</button>
        </div>
        <div id="error"></div>
        <script src="./index.js"></script>
    </body>
</html>

 

화면 확인

 

 

 

 

 

 


커피 한 잔 후원하기