Hello World

What You'll Be CreatingCSV(Comma Separated Values) 파일 형식은 애플리케이션 간에 데이터를 교환하는 데 자주 사용되는 방식입니다.이번 짧은 팁에서는 자바스크립트를 이용해 CSV 파일의 데이터를 시각화하는 법을 배우겠습니다.CSV 파일 만들기우선 간단한 CSV 파일을 만들어봅시다. 이를 위해 여기서는 온라인 테스트 데이터 생성기인 Mockaroo를 이용하겠습니다. 파일은 다음과 같습니다.CSV 파일을 HTML 테이블로 변환하기이제 파일을 생성했으니 파일을 파싱해서 연관된 HTML 테이블로 만들 준비가 끝났습니다.첫 번째 단계로 jQuery의 ajax 함수를 이용해 이 파일로부터 데이터를 가져오겠습니다.1234$.ajax({ url: 'csv_data.csv', dat..

CoffeeScript의 추억명시적인게 묵시적인 것보다 낫다.– The Zen of PythonCoffeeScript는 회사 프로덕트에서 메인으로 쓰고 있는 언어다. 내가 입사한지가 약 10개월 좀 넘었고, 그동안 내내 CoffeeScript를 사용해왔으니 이젠 좀 깔 만한 자격도 생긴 것 같다. 처음 접했을 때는 Python 같다는 생각을 했다. 괄호가 거의 사용되지 않고 indent로 블록을 구분하는 점에서 좀 그렇게 느꼈던 것 같다.(지금 돌아보면 약간 미친 생각같다) 다행히도 Python을 이미 접해본 적이 있었고, 그다지 무리 없이 CoffeeScript에 적응했던 것 같다. 물론 사용하다보니 편한 점도 많았지만 솔직히 나는 이 언어가 마음에 들지 않는다.난 ‘말 안하면 모르는’ 전형적인 공대 ..

우선 위와 같은 Controller가 있다고 할 때, 서비스의 getGroupNotificationReceiver 를 호출해서 값을 받아오겠죠. 그런데, getGroupNotificationReceiver 함수를 직접 열어보는 대신에 미리 좀 보고 싶은 경우가 분명 많이 있을 수 있다고 생각이 드네요. 그럴때 저 함수명에 커서를 댄 후, ⌥Space키를 누르면 아래와 같이 해당 함수의 내용을 보여줍니다. 위 상태에서 바로 엔터를 치면 해당 파일을 열고, 바로 해당 함수로 이동을 합니다. 위 기능은 클래스 레벨에서도 적용이 되는데요추상 클래스라던지 또는 인터페이스일 경에는 이에 대한 구현체 또는 상속받는 클래스까지 선택해서 미리 볼 수 있습니다. 위와 같이 DashboardMapper라는 인터페이스가 있고..

1. new instance 자동 완성 솔직히 이 기능을 얼마나 유용할 지 여부에 대해서는 의구심이 들기는 합니다. 개인적으로 인스턴스 생성이 필요할 경우, 보통 선언부(declare)를 먼저 하기 때문에 그런 생각이 듭니다. 우선 아래 그림과 같이 new 키워드로 객체를 생성합니다.그리고 나서 해당 라인에서 그리고 나서 맥 기준 (option + enter)를 치면 아래와 같이 introduce local variable이라고 일종의 알림이 나타납니다. 그 상태에서 엔터를 치면 자동으로 선언부가 완성이 됩니다. 물론 변수명은 camel case 기준으로 생성을 해줍니다. 또한 기본 Class명에 대한 camel case 변수명 이외에도 다른 변수명을 제안하기도 하구요, 빨간색 border가 존재하는한 ..

배열 리터럴의 일부를 반복 가능한 식(다른 배열 리터럴 등)에서 초기화하거나 식을 함수 호출에서 여러 인수로 확장할 수 있습니다.구문var array = [[arg0ToN ,] ...iterable [, arg0ToN]] func([args ,] ...iterable [, args | ...iterable]) 매개 변수iterable필수.반복 가능한 개체입니다.arg0ToN선택 사항입니다.하나 이상의 배열 리터럴 요소입니다.args선택 사항입니다.함수에 대한 하나 이상의 인수입니다.설명반복기에 대한 자세한 내용은 반복기 및 생성기(JavaScript)를 참조하세요.rest 매개 변수로 스프레드 연산자 사용하기에 대한 자세한 내용은 함수(JavaScript)를 참조하세요.다음 코드 예제에서는 스프레드 연산..

필요해서 prototype 수준으로 만들어 봤습니다.추후 input 와 filter 부분에서 필요한 로직을 각자 구현 하시면 될 것 같습니다. 참고문서)https://api.slack.com/docs/oauth-test-tokenshttps://api.slack.com/methodshttps://github.com/logstash-plugins/logstash-output-example.githttp://www.rubydoc.info/github/cheald/manticore/Manticore/Client 구현소스)https://github.com/HowookJeong/logstash-output-slack_chat 실행방법) $ bin/logstash -e ' input { stdin{} } outpu..

처리 속도 개선을 위해 cache를 적용했다. 시스템간 연동으로 접속부하, 네트웍부하가 동시에 생겨 속도저하가 심각한 화면이 생김!! 문제는 조회조건부 - 회계년도, 부서, 코드관련..... 가져오는 데이터는 거의 동일한데도... 화면이 바뀌거나, 조회콤보 선택처리에 DB까지 데이터 엑세스가 반복적으로 발생. 이 부분에 cache를 적용해볼 생각으로 자료를 찾았더니 가장 많이 선택된 솔루션이 ehcache..... ehcache를 심도있게 학습하고 적용할 상황은 아니라서 spring에 annotation기반으로 빠르게 적용할 수 있는 방법을 찾음 ehcache-spring-annotations 현재 개발중인 시스템에 적용된 spring버전은 3.0.5.RELEASE이다. maven을 사용하고 있다면 다음..

If you have previous programming experience but are a newcomer to frontend JavaScript development, the array of jargon and tools can be confusing. Without getting bogged down in detailed discussion, let’s take a general survey of the current “JavaScript landscape”. This should orient you sufficiently to start your journey into frontend development.Key terms are bolded. If you want to skip ahead ..

저는 정확히는 2.2버전의 책을 보았습니다. 큰 수정이 없었을 것이라고 생각하고 리뷰를 작성합니다. 이 책은 자바 웹 개발자의 입문서로 정말 강력하게 추천합니다. 그 이유는 세가지 입니다. 첫째, 자바로 만드는 웹 서비스에 대한 기본을 알 수 있습니다. 서블릿에 대한 이해, 내장 객체, 쿠키, 세션 등 에 대한 이해를 통해서 작게는 서블릿과 JSP를 이해할 수 있고, 더 나아가서 지금 우리가 사용하는 자바 웹 프레임워크에 대해서도 이해할 수 있습니다. 둘째, 초보자들에게 필요한 간단한 설계 방법이나, 코딩 가이드를 예제 코드를 통해서 익힐 수 있습니다. 저 같은 경우는 회사에 처음 들어갔을 때, 서비스 레이어, DAO 레이어에 대한 이해도 없었고, 그 것에 대해서 자세히 설명해주시는 분도 없었습니다. 이..

구글 블로거(Blogger), 티스토리(Tistory)등 여러 블로그나 웹 페이지에서 소스 코드를 공유하시려는 분들에게 code prettify를 소개합니다. 라이선스는 아파치 라이선스2.0 입니다. 소스 코드의 가독성 향상을 위해 소스 코드 하이라이트를 적용했는데, 여러가지 자바스크립트 라이브러리 중 "code prettify"가 심플해보여서 선택했습니다. 블로그나 웹 사이트에 코드를 공유하실 예정이고 심플한걸 원하시는 분들에게 추천합니다. 설정아래 스크립트 태그를 삽입해주세요. 사용하기pre, code, xmp 의 class 요소에 prettyprint 를 넣어주면됩니다. class Voila { public: // Voila static const string VOILA = "Voila"; // w..