개발 아카이브
이클립스 한글패치
이클립스도 한글 패치할 수 있다는 것 알고 계셨나요? 100% 완벽하지 않지만 일부는 한글패치가 잘 되어 있습니다. 함께 따라하면서 이클립스를 한글 패치해봅시다. 1. Eclipse Babel Project 다운로드 링크 복사 아래의 링크로 들어가서 Eclipse Babel Project의 www.eclipse.org/babel/ Eclipse Babel Project | The Eclipse Foundation The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 375 open source projects, including runtimes, tools and frameworks. www.ecl..
[해결방법] 이클립스 jvm is not suitable for this product.
1. 이클립스 실행 문제 자바 JDK를 설치하고 이클립스를 설치한 후 실행하니 다음과 같은 오류가 발생했습니다. Version 1.8.0_281 of the JVM is not suitable for this product. version: 11 or greater is required. 해석하자면 (feat. 구글 번역기) : JVM 버전 1.8.0_281은이 제품에 적합하지 않습니다. 버전 : 11 이상이 필요합니다. 라고 합니다. 2. 해결방법 이럴때 이클립스가 설치된 폴더 안에 eclipse.ini을 열어서 수정하면 됩니다. 위의 Dosgi.requiredJavaVersion에 버전 숫자가 11로 되어 있음을 알 수 있습니다. 이 버전을 알림창 처럼 1.8 버전으로 변경해야 합니다. 그 이유는 제..
[자바스크립트] 쉽게 문자열 처리하기 - Voca.js
이제 라이브러리 관련 콘텐츠를 거의 소진해서 다른 걸 써보려고 했는데.. 찾다 보니 별의별 라이브러리가 다 있어서 한동안은 이런 글이 계속 올라올 것 같네요 ㅎㅎ;; 문자열 라이브러리 Voca.js Front-End 작업을 하면서 자바스크립트를 이용해 문자열 작업을 하다 보면 가끔 부족함을 느끼게 됩니다. 저도 C#이나 JAVA의 프레임워크에서 제공하는 다양한 문자열 함수를 사용하다가 자바스크립트를 쓰면 가끔 부족한 느낌을 받곤 했습니다. Voca.js를 추가하여 사용하면 이런 답답함을 풀어주고 더 다양한 기능을 제공합니다. Voca.js 링크 vocajs.com/ Voca: The ultimate JavaScript string library Voca provides functions to manipu..
billboard.js Playground
billboard.js 관한 이전 포스트 wooncloud.tistory.com/35 오픈소스 차트 라이브러리 billboard.js 코로나가 터지면서 많은 개발자들이 코로나 현황과 정보를 실시간으로 보여주기 위해 사이트를 개발했습니다. 코로나 현황을 보여주다보면 전일대비 얼마나 확진자가 증가했는지 등 한눈에 파 wooncloud.tistory.com billboard.js 링크 naver.github.io/billboard.js/ billboard.js billboard.js, the "chart" library The name "billboard" comes from the famous "billboard chart" which everybody knows. billboard.js provides t..
자바스크립트 날짜 포맷 설정하기 - moment.js 라이브러리
원래 직접 날짜 변환 코드를 만들어서 포스팅하려고 했다가.. 관련 코드 참고하려고 검색했더니 더 좋은 라이브러리를 발견해서 또 라이브러리 소개 포스팅을 하게 되었네요. 이번에 가져온 라이브러리는 날짜 포맷을 쉽게 설정하는 라이브러리입니다. moment.js 라이브러리 1. 홈페이지 momentjs.com/ Moment.js | Home Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format("MMM Do YY"); moment().format('YYYY [escaped] YYYY'); moment().format(); Relative Time moment("20111031", "YYYY..
웹에서 그래프를 만들자! - 오픈소스 차트 라이브러리 billboard.js
코로나가 터지면서 많은 개발자들이 코로나 현황과 정보를 실시간으로 보여주기 위해 사이트를 개발했습니다. 코로나 현황을 보여주다보면 전일대비 얼마나 확진자가 증가했는지 등 한눈에 파악하게 알려주기 위해선 차트 사용이 필수적입니다. billboard.js 를 사용하면 데이터들을 차트로 쉽게 구현할 수 있습니다. billboard.js 란? billboard.js는 C3.js를 변형한 라이브러리 입니다. MIT 라이센스인 C3.js 를 네이버에서 변형하여 불편한 부분을 편리하게 만들어서 오픈소스로 배포하고 있습니다. c3js.org/ C3.js | D3-based reusable chart library Comfortable C3 makes it easy to generate D3-based charts by..
하노이탑 코드 저장
function hanoi(num, from, to ,other){ if(num == 0) return; hanoi(num-1, from, other, to); console.log(`${num}을 ${from}에서 ${to}로 보낸다`); hanoi(num-1, other, to, from); } hanoi(5,'A','B','C');
[자바스크립트] Date Range Picker : 기간 날짜 라이브러리
웹 개발을 하면서 날짜를 선택하여 사용자로부터 기간을 받고 싶을 때, 여러분들은 어떻게 하나요? 기본적으로 input 태그에 type을 date로 하여 2개의 input 필드를 만들 겁니다. See the Pen basic-date by wooncloud (@lomeiskk) on CodePen. 하지만 위의 방법은 첫 날짜가 마지막 날짜보다 이후의 날짜가 될 수 없고, 여러 가지 유효성 검사를 해야 하며, 직관적이지 않고 불편한 부분이 많습니다. 물론 제이쿼리 UI에서 제공하는 Date Picker를 보면 아래와 같이 기간을 설정할 수 있는 기능이 있습니다. 하지만 제 눈엔 예뻐 보이지 않네요. 여러분은 어떤가요? 이 디자인이 예쁘다면 사용하면 되겠지만, 그렇지 않으면 CSS를 싹 바꿔야 할지도 모릅니..
[자바스크립트] 날짜 형식 yyyy-MM-dd로 변환
function formatDate(date) { var d = new Date(date), month = '' + (d.getMonth() + 1), day = '' + d.getDate(), year = d.getFullYear(); if (month.length < 2) month = '0' + month; if (day.length < 2) day = '0' + day; return [year, month, day].join('-'); } 출처 : stackoverflow.com/questions/23593052/format-javascript-date-as-yyyy-mm-dd Format JavaScript date as yyyy-mm-dd I have a date with the format ..