기본적인 준비물은 여기 글에서 확인 가능하세요! 먼저 Visual Studio Code에서 아무 디렉터리를 하나 생성하고 초기화까지 진행합니다. 그 후, tsconfig.json이라는 파일을 root에 생성합니다. 다음으로 아래와 같이 입력해줍시다. { "compilerOptions": { "module": "commonjs", "target": "ES2015", "sourceMap": true }, "include": ["index.ts"], "exclude": ["node_modules"] } tsconfig.json 파일은 타입스크립트의 기본적인 설정으로 컴파일과도 연관이 있습니다. 모듈은 기본적인 JS를 사용하므로 'commonjs' target은 ES의 버전으로 2015~2020까지 있습니다. ..
이전 글에서 TypeScript의 프로젝트 생성 방법과 기본적인 개념에 대해 짚어보았습니다. TypeScript에 대해 알아보자 Author: 주니용 2020년 경자년 새해복 많이 받으세요 :) 이번 연도에 처음으로 다루어볼 내용은 TypeScript입니다. TypeScript는 JavaScript의 확장 버전으로 한국에서는 통상 자바스크립트의 후손이라고 일 abbo.tistory.com 제목과 그대로 TypeScript를 응용하여 요새 유명한 블록체인을 개발할 수 있을까라는 의문이 생겼습니다. 결론을 먼저 말씀드리면, 가능합니다. 아직 블록체인은 비트코인이라는 이름으로만 들어봤지 많이 생소한 단어이고 '비트코인의 몰락'으로 인해 안좋거나 부정적인 단어라고 생각하시는 분들이 많습니다. 네 그렇습니다. 비..
이번 글에서 다루어볼 내용은 TypeScript입니다. TypeScript는 JavaScript의 확장 버전으로 한국에서는 통상 자바스크립트의 후손이라고 일컫는 용어입니다. 하지만 후손치고는 표현할 수 있는 영역이 상당하고, 기존보다 더 간편해진 문법과 어렵지 않은 코딩 방식으로 현재 JavaScript의 대를 이어 각광받는 언어로 자리매김하고 있는 언어입니다. 위에 있는 이미지에서 설명하고 있는 것과 같이 TypeScript는 어떤 환경에 관계없이 JavaScript의 슈퍼셋 타입언어이고, 순 JavaScript 파일로 컴파일이 가능하다고 하고 있습니다. 그 전에 먼저 컴파일이라는 것에 대해 알아보아야 하는데요, Compile은 쉽게 말해 사용자가 알파벳이나 숫자등으로 적어놓은 코드를 컴퓨터가 알아볼 ..
최근에 개발자의 편의성이 스프링 부트의 탄생에 따라 많이 좋아졌다. 이전에는 제공하지 않았던 배치를 스프링 부트에서 제공하기 때문이다. 이번 글에서는 배치에서 사용하고 있는 것 중 스케줄링을 할 수 있는 Cron 표현식에 대해서 작성해보려고 한다. Cron 표현식의 유래는 유닉스 계열의 잡 스케줄러에서부터 자주 사용하였다. 스프링 부트도 이와 마찬가지 방식을 채용하여 문자열 방식으로 서술하여 표현이 가능하다. 가장 기본적인 어노테이션은 @Scheduled으로 시작하는 것이다. @Scheduled(cron = "0 0/5 * * * ?") // 5분마다 작동하는 배치 기본적인 포맷은 위와 같이 7개의 필드로 구성되어 있다. 앞에서부터 '초/분/시/일/월/요일/연도'의 순서이며 자세한 설명은 아래와 같다. ..
Author: 주니용 프로그램을 개발하기 위해서는 프로그래밍만 잘하면 안된다. 기본적으로 사용자들에게 보여주기 위한 데이터를 축적해놓아야 하고, 그 데이터를 수정하거나 입력하는 동작도 필요하다. 필요에 따라서는 데이터를 삭제해야 하는 경우도 발생한다. 우리가 대체적으로 사용하고 있는 앱들은 이러한 과정들을 사용자에게 보여주지 않고, 프로그램 내부에서 작동하는 경우가 대부분이다. 서버 개발자들은 이런 일련 과정들을 처리하는 프로세스를 개발하는 일이 정말 많다. 이것이 클라이언트 개발자와의 차이라고 볼 수 있다. 그래서 클라이언트에게 제공되는 API는 서버 개발자들이 만드는 경우도 많다. (필요에 따라서는 클라이언트 개발자가 같이 작업을 진행하는 경우도 있음) 위에서 말한 데이터의 가공을 위해 우리는 테이블..
Author: 주니용 이번에는 간단하게 자바스크립트에서 자주 사용하는 정규식을 다루어 보려고 한다. 입력 받을 때 원하는 값만 입력받기 위해서는 HTML 태그에서 onkeyup함수에서 호출하여 사용해도 되고, validation 함수가 따로 있다면 그 안에 로직화 시켜서 사용하는 편이다. 자주 사용하는 정규식을 알아보자. 정규식을 사용하는 방법은 아래와 같다. 가령 data를 정규식과 비교하고 싶다면 '.search'를 사용하면 된다. (소스는 아래 더보기를 누르시면 확인 가능하십니다!) 더보기 // 올바른 시간의 포맷인지 체크하는 함수 isValidTimeFormat = function() { let data = $("input[name=sendTime]").val(); if(data.length !=..
이번에 다루어볼 내용은 Java 기본 라이브러리인 SimpleDateFormat이다. 대개 Date 클래스나 Calendar 클래스와 겸용해서 자주 사용하는데, 자바를 설치하면 기본적으로 내장되어 있고 사용법도 찾아보면 쉽게 나온다. 우리 회사에서는 날짜 또는 시간에 대해 서버에서 처리하는 로직이 꽤나 많다. 시스템의 시간을 사용할 때도 있지만, AWS의 시간 또는 DB의 시간을 사용할 때도 있기 때문에 이를 환산해주는 유틸성 클래스가 따로 필요하고, 실제로도 많이 호출하는 바이다. 제일 먼저 정의해야 하는 것은 Timezone이다. 한국 개발자들은 "Asia/Seoul" 의 지역에 위치하고 있는 분포가 많아서 이 부분을 먼저 잡고 가면 좋겠다. Timezone 세팅하기 다음은 현재 일자를 구하는 함수이..
Author: 니용 프로젝트 개발의 초기 단계에는 기획자/디자이너/개발자가 사용하는 툴들이 제각각이었고, 모두 찾기 어렵거나 유료 버전이 아니면 사용하기 어려운 프로그램들이 많았다. 이번 글에서는 프로그래밍을 진행하는데 유용한 사이트를 다뤄보려고 한다. 기획 아이디어를 정리하는데 유용한 툴이고 실제로 비즈니스 모델링된 기획안을 개발자 및 디자이너에게 제공하기 좋다. http://trello.com/ https://www.notion.so/ Design 스케치, 일러스트레이터 같은 툴인데 웹 어셈블리로 제작되어 UI를 빠르게 생산할 수 있다. 다운로드, CSS, Android, iOS로 내보내기가 가능하고, 리얼타임으로 다른 사람과 협업할 수 있다. https://www.figma.com/ Image & ..