Transpiler한 프로그래밍 언어로 작성된 코드를 다른 프로그래밍 언어로 변환하는 도구JavaScript의 ES6 문법을 ES5 문법으로 변환하거나, React의 JSX 및 Typescript 코드를 브라우저가 이해할 수 있는 Javascript로 변환BabelJavascript Transpiler로 최신 ECMAScript 표준을 따르는 코드를 이전 버전의 Javascript로 변환SWCSpeedy Web Compiler의 약자로 Javascript와 Typescript 코드를 변환하고 최적화하는 컴파일러 Transpiler를 사용할 수 있는 부분반복적, 규칙적으로 코드 변경(작성/수정/삭제)이 필요하고누락과 오타 등 휴먼 에러가 빈번하게 발생하며비즈니스 로직을 침범하는 코드들
Language/Javascript
조건문(conditional) 표현 식의 값에 따라 특정 구문들을 실행하거나 실행하지 않도록 제어 if문과 if~else문 if(조건) { 조건 결괏값이 true일 때 실행할 명령 } else { 조건 결괏값이 false일 때 실행할 명령 } 중첩된 if~else문 다른 if~else문 안에 포함되는 if~else 조건 연산자로 조건 체크하기 조건 연산자는 '?'와 ':' 기호로 이루어진다 (조건) ? true일 때 실행할 명령 : false일 때 실행할 명령 논리 연산자로 조건 체크하기 조건을 2개 이상 체크할 경우 사용 OR 연산자 op1 op2 op || op2 false false false false true true true false true true true true AND 연산자 op1 ..
연산자(operator) Javscript에서 기본적으로 제공하는 약속된 문자의 표현식 산술 연산자 수학 계산을 할 때 사용하는 연산자 종류 설명 예시 + 두 피연산자의 값을 더함 c = a+b - 첫 번째 피연산자 값에서 두 번째 피연산자 값을 뺌 c = a-b * 두 피연산자 값을 곱함 c = a*b / 첫 번째 피연산자 값을 두 번째 피연산자 값으로 나눔 c = a/b % 첫 번째 피연산자 값을 두 번째 피연산자 값으로 나눈 나머지를 구함 c = a%b ++ 피연산자 1 증가 a++ -- 피연산자 1 감소 b-- 할당 연산자(대입 연산자) 연산자 오른쪽의 실행 결과를 왼쪽 변수에 할당하는 연산자 종류 설명 예시 = 연산자 오른쪽 값을 왼쪽 변수에 할당 y = x+3 += y = y+x y += x ..
주석(comment) 코드 내에 삽입된 일종의 설명문 한 줄 주석 : //주석문 블록 주석 : /* 주석문 */ 변수(variable) 변수 선언의 규칙 변수명은 영어 문자와 _, 숫자를 사용 영어 대소 문자를 구별하며, 예약어는 사용 불가 주로 Camel case를 사용 의미있는 변수명 사용 변수 선언 하기 var 변수명 var를 사용해서 선언 변수의 타입 지정 안함 키워드나 공백 문자 포함X, 숫자로 시작 X 사용가능한 특수문자 : _, $ 더보기 키워드(keyword) 또는 예약어 몇몇 단어들을 특별한 용도로 사용하기 위해 미리 예약하는데, 미리 예약된 단어들을 키워드(keyword) 또는 예약어(reserved word)라고 함. 키워드들은 프로그램 내에서 식별자로 사용 불가능 자료형(data t..
자바스크립트 (Javascript)란? JavaScript는 객체 기반의 스크립트 언어 더보기 HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현 자바스크립트는 주로 웹 브라우저에서 사용하지만, Node js와 같은 프레임워크를 사용하면 서버 프로그래밍에 사용 가능 Javascript 개요 웹 문서를 구성하는 3가지 요소 - HTML : 웹페이지 구조 담당 - CSS : 웹 페이지 디자인 담당 - JS : 웹 페이지 이벤트 담당 - Javascript는 프로토타입 기반의 스크립트 프로그래밍 언어로 객체지향 개념을 지원함 - 웹 브라우저가 Javascript를 HTML과 함께 다운로드해서 실행함 - 웹 브라우저가 HTML 문서를 읽어 들이는 시점에 Javscr..
