ABBO 기술 블로그

이번 글에서 다루어볼 내용은 TypeScript입니다. TypeScript는 JavaScript의 확장 버전으로 한국에서는 통상 자바스크립트의 후손이라고 일컫는 용어입니다. 하지만 후손치고는 표현할 수 있는 영역이 상당하고, 기존보다 더 간편해진 문법과 어렵지 않은 코딩 방식으로 현재 JavaScript의 대를 이어 각광받는 언어로 자리매김하고 있는 언어입니다. 위에 있는 이미지에서 설명하고 있는 것과 같이 TypeScript는 어떤 환경에 관계없이 JavaScript의 슈퍼셋 타입언어이고, 순 JavaScript 파일로 컴파일이 가능하다고 하고 있습니다. 그 전에 먼저 컴파일이라는 것에 대해 알아보아야 하는데요, Compile은 쉽게 말해 사용자가 알파벳이나 숫자등으로 적어놓은 코드를 컴퓨터가 알아볼 ..

Author: 주니용 이번에는 간단하게 자바스크립트에서 자주 사용하는 정규식을 다루어 보려고 한다. 입력 받을 때 원하는 값만 입력받기 위해서는 HTML 태그에서 onkeyup함수에서 호출하여 사용해도 되고, validation 함수가 따로 있다면 그 안에 로직화 시켜서 사용하는 편이다. 자주 사용하는 정규식을 알아보자. 정규식을 사용하는 방법은 아래와 같다. 가령 data를 정규식과 비교하고 싶다면 '.search'를 사용하면 된다. (소스는 아래 더보기를 누르시면 확인 가능하십니다!) 더보기 // 올바른 시간의 포맷인지 체크하는 함수 isValidTimeFormat = function() { let data = $("input[name=sendTime]").val(); if(data.length !=..

Author: 주니용 요새 IT직군에서 알아주는 회사들은 대부분 입사 전 코딩 테스트를 필수로 치루게 된다. 나도 많은 코딩 테스트를 치뤄봤지만, 서버를 주로 개발한 사람의 입장으로서 자바를 코딩 테스트 언어로 많이 선택했었다. 내가 아는 한도에서 적어도 자바스크립트를 코딩 테스트 언어로 사용하는 이유는 다음과 같을 것이다. 편해서 또는 눈에 익어서 오토캐스팅이 되서 소스코드를 빠르게 작성하기 위해서 컴파일러 설치를 안해도 되서 현재도 그렇지만, 아직까지도 웹 생태계는 지속적으로 변하고 있다. 지금의 추세는 자바스크립트를 기본으로 한 프레임워크인 리-뷰-앵(React, Vue, Angular)의 시대라고 해도 과언이 아니다. 그래서 그런지 웹 개발을 할 수 있다는 사람이 주변에 너무나도 많고, 그 때문에..

Author: 주니용 자바스크립트를 사용하다 보면 3가지의 변수 선언 타입이 존재한다. 이들의 차이점을 알기 위해서는 Hoisting & Scope 의 개념이 필요한데, Hoisting 모든 자바스크립트 변수 선언은 호이스트된다. 호이스트: 변수의 정의가 그 범위에 따라 선언 / 초기화 / 할당 분리되는 것을 의미 위 소스는 문제가 없다. 근데 아래 소스는 문제가 생긴다. let으로 선언된 변수는 에러가 발생된다. 이유는 생성 순서의 문제가 있다. 가장 먼저 실행되는 컨텍스트의 어휘적 환경(Lexical Environment)으로 범위가 지정된 변수를 정의하는데, 이 때 변수 let/const가 생성이 된다. 환경이 생성이 된 후, TDZ가 생성이 되는데 설명은 아래에 있다. * TDZ(Temporal ..

- MUSTACHE MANUAL 머스타치 문법의 사용 방법은 아래 사이트를 통해 예제를 참고할 수 있다. https://mustache.github.io/mustache.5.html mustache(5) - Logic-less templates. mustache(5) Mustache Manual mustache(5) NAME mustache - Logic-less templates. SYNOPSIS A typical Mustache template: Hello {{name}} You have just won {{value}} dollars! {{#in_ca}} Well, {{taxed_value}} dollars, after taxes. {{/in_ca}} Given the following ha mus..