삽질하는 프로그래머 통통만두의 판톼스틱한 삽질기

이번 포스트에서는 이클립스(Eclipse)에서 그래들(Gradle) 플러그인을 설치하여 환경을 구축해보겠습니다. 이클립스를 실행한 다음 Help - Eclipse Marketplace 메뉴를 클릭하여 gradle를 검색 후 install 을 해줍니다. 저는 이미 설치하여 Installed 라고 나오지만 설치하지 않은 경우에는 Install 로 나올테니 해당 버튼을 클릭하여 설치를 해줍니다.

종종 프론트엔드를 개발하다보면 JavaScript를 사용하다가 객체(Object) 를 합쳐야 할 필요가 있을 때가 있습니다. 이 경우에는 여러 방법들이 있겠지만 본 포스팅에서는 Object.assign과 jQuery의 $.extend를 사용해서 하는 방법을 알아보겠습니다. Object.assign var obj1 = {id: 'marsland', name: '통통만두'}; var obj2 = {id: 'marsland', name: '삽질하는 프로그래머 통통만두'}; var obj3 = Object.assign(obj1, obj2); // result obj1 = {id: 'marsland', name: '삽질하는 프로그래머 ..

들어가기에 앞서 Handlebars에서 제공하는 Helper을 사용하는데 있어서 두 가지 방식이 있습니다. 서버에서 helper을 등록하여 랜더링 되는 과정에서 사용하는 helper이 있고, 초기 랜더링이 된 후 페이지 내에서 ajax를 통한 등의 부분 새로고침을 할 경우에 사용하는 helper이 있습니다. 이번 포스팅에서는 페이지 내에서 사용하는 helper와 template를 알아보도록 하겠습니다. Helper // declare Handlebars.registerHelper('fullName', (firstName, lastName) => { return firstName + ' ' + lastName; }); // use {{fullName 'grate'..

Apache Cordova 니토비(Nitobi)가 만들고 어도비 시스템즈가 인수한 모바일 개발 프레임워크, 소프트웨어 프로그래머들이 Objective-C처럼 기기에 특화 된 언어들 대신 JavaScript, HTML5, CSS3을 이용하여 모바일 기기를 위한 응용 프로그램들을 만들 수 있게 한다. 응용 프로그램 결과물들은 하이브리드형태인데, 이는 모든 레이아웃 렌더링이 플랫폼의 네이티브 UI 프레임워크가 아닌 웹 뷰를 통해 수행되며, 단지 웹앱일 뿐만 아니라 배포를 위해 패키지화되면서 네이티브 기기 API에 접근할 수 있음을 의미한다. 위키백과 (아파치 코도바) 준비물 Nods.js (10.14.2) npm (6.9.0) JAVA JDK (1.8) Android emulate (LDPlayer 3.60)..

개인정보가 포함된 웹사이트를 운영할 때 반드시 SSL 인증서를 적용한 https 에서 하도록 법으로 지정을 해놨습니다. 그래서 개인정보가 포함된 웹사이트를 운영할 때 SSL 인증서를 구입, 적용해야 합니다. 그런데 이 SSL 인증서라는게 가격이 만만치 않습니다. 더군다나 서브도메인까지 포함한 인증서를 구매하려면 가격은 더더욱 올라가게 됩니다. 여기저기 알아보다가 결국에는 Let's Encrypt 에서 제공하는 무료 SSL 인증서를 사용해보기로 했습니다. # 환경 CentOS Linux release 7.6.1810 (Core)# 준비물 certbot# 발급방법 발급방법에는 Standalone 방식과 Webroot, DNS방식이 있습니다. Standalone 방식은 운영중인 웹서버를 잠시 내려야 한..

이번 포스팅에서는 네이버 스마트 에디터를 적용해보도록 하겠습니다. 네이버 스마트 에디터는 자바스크립트로 구현된 웹 기반의 WYSIWYG 에디터입니다. 현재 스마트 에디터는 3.0 버전까지 나와있지만 3.0은 대외 공개하고 있지 않다고 합니다. 그래서 저는 스마트 에디터 2를 적용해보도록 하겠습니다. 스마트 에디터 다운로드 https://github.com/naver/smarteditor2 naver/smarteditor2 Javascript WYSIWYG HTML editor. Contribute to naver/smarteditor2 development by creating an account on GitHub. github.com 공개된 스마트 에디터 깃허브 주소입니다. 가셔서 다운로드 받으신 후 ..

git initgit config user.name marslandgit config user.email marsland@hanmail.netgit remote add origin [remote url]git pull [remote url]

공공데이터포털(www.data.go.kr)에서 Open API 를 활용해야하는 일이 있어서 연동 중에 있었습니다. 1번 프로젝트 소스에서 JUnit를 통해 테스트를 완료하고 해당 메소드를 2번 프로젝트에 복사했는데 컴파일 에러가 발생하는것이었습니다! for( int i = 0; i < nodeList.getLength(); i++ ) { NodeList childNodeList = nodeList.item(i).getChildNodes(); for( int j = 0; j < childNodeList.getLength(); j++ ) { Node node = childNodeList.item(j); resultMap.put( node.getNodeName(), node.getTextContent() );..

프로그래머분들이 블로그에 포스팅을 하시다보면 소스코드를 올리시는 경우가 있습니다. 조금 더 이쁘게 소스코드를 표현할 방법이 없을까~ 한 번쯤 고민을 해보셨을것 같습니다. 보통 티스토리 블로그를 사용하시는 분들은 highight.js를 사용하실지도 모르겠습니다. 아니면 prism이나 MarkDown을 이용해서 하시는 분들도 있을것 같네요.하지만 이 모든 것들은 뭔가를 설정을 해줘야하고 js파일이나 css파일을 업로드하는 등의 일련의 과정이 필요합니다. 하지만 지금 소개해드리는 Color Scripter은 그런거 없습니다. 그냥 소스 코드를 입력해서 클립보드로 복사해서 블로그에 붙여넣기(paste)하면 끝입니다.Color Scripter 사이트https://colorscripter.com/ 사용방법Color..

자바스크립트에서 객체 복사에 대해서 알아보도록 하겠습니다. 객체 복사에는 크게 얕은 복사(Shallow Copy)와 깊은 복사(Deep Copy)가 있습니다. 우선 아래의 예제를 살펴보도록 하겠습니다. 얕은 복사(Shallow Copy)var user = { name: 'marsland.tistory.com' } console.log(user.name); // marsland.tistory.com var customer = user; console.log(customer.name); // marsland.tistory.com user.name = 'great marsland.tistory.com'; console.log(user.name); // great marsland.tistory.com conso..

해당 문제와 채점 결과는 프로그래머스 사이트에 있는 내용이며 제가 작성한 부분은 프로그래머스 문제 풀이 입니다. 문제 설명배열 arr가 주어집니다. 배열 arr의 각 원소는 숫자 0부터 9까지로 이루어져 있습니다. 이때, 배열 arr에서 연속적으로 나타나는 숫자는 하나만 남기고 전부 제거하려고 합니다. 배열 arr에서 제거 되고 남은 수들을 return 하는 solution 함수를 완성해 주세요. 단, 제거된 후 남은 수들을 반환할 때는 배열 arr의 원소들의 순서를 유지해야 합니다.예를들면arr = [1, 1, 3, 3, 0, 1, 1] 이면 [1, 3, 0, 1] 을 return 합니다.arr = [4, 4, 4, 3, 3] 이면 [4, 3] 을 return 합니다.배열 arr에서 연속적으로 나타나는..

해당 문제와 채점 결과는 프로그래머스 사이트에 있는 내용이며 제가 작성한 부분은 프로그래머스 문제 풀이 입니다. 문제 설명단어 s의 가운데 글자를 반환하는 함수, solution을 만들어 보세요. 단어의 길이가 짝수라면 가운데 두글자를 반환하면 됩니다. 제한사항s는 길이가 1 이상, 100이하인 스트링입니다. 입출력 예s return "abcde" "c" "qwer" "we" 제출한 코드 function solution(s) { var answer = ''; var len = (s.length - 1); if(len % 2 == 0) { var index = len / 2; answer = s.substr(index, 1); } else { var index = parseInt(len / 2); answ..

해당 문제와 채점 결과는 프로그래머스 사이트에 있는 내용이며 제가 작성한 부분은 프로그래머스 문제 풀이 입니다. 문제 설명2부터 N까지의 모든 소수의 합을 구하세요.N이 7이라면 {2, 3, 5, 7} = 17을 출력하시면 됩니다.N의 범위는 2이상 10,000,000이하 입니다.효율성 테스트의 모든 시간 제한은 1초입니다. 출제본 문제는 엄주용 님이 제작해주신 문제입니다. 소수란?소수(素數, 발음: [소쑤], 문화어: 씨수, 영어: prime number)는 자신보다 작은 두 개의 자연수를 곱하여 만들 수 없는 1보다 큰 자연수이다. 예를 들어, 5는 1x5 또는 5x1로 수를 곱한 결과를 적는 유일한 방법이 그 수 자신을 포함하기 때문에 5는 소수이다. 그러나 6은 자신보다 작은 두 숫자(2×3)의 ..

c언어 스트럭쳐(struct)로 패킹되어 있는 바이너리 파일을 불러와서 json으로 변환해야 하는 경우가 생겼습니다. 선언된 struct에 대한 원형은 확보했지만 패킹된 바이너리 파일의 내용이 궁금해서 열어봐야했습니다. 그래서 헥사 편집기가 뭐가 있을까 봤더니 3가지로 요약이 되더군요. 헥사 편집기 종류울트라 에디트울트라에디트(UltraEdit)는 윈도우, 리눅스, macOS용 상용 문서 편집기의 하나로, IDM 컴퓨터 솔루션스의 창립자 Ian D. Mead에 의해 1994년 개발되었다. 이 편집기에는 매크로, 구성 가능한 구문 강조, 코드 폴딩, 파일 유형 변환, 프로젝트 관리, 검색 및 치환을 위한 정규 표현식, 컬럼 편집 모드, FTP를 통한 원격 파일 편집, API나 명령 줄 인터페이스를 위한 인..

예전에 직장 동료중 한 분이 InterllIJ 에 이와 비슷한 플러그인을 설치해 사용하는 것을 보았습니다. 잊고 살다가 우연히 다른 분의 블로그 포스팅에서 보게 되어서 아톰(ATOM) 에디터에 activate power mode 패키지를 설치해보았습니다. 아톰 ATOM 에디터에서 File - Settings - Install 으로 이동한 후 activate-power-mode 를 검색한 후 설치해줍니다. 설치 후 별다른 것 없이 기본설정으로 사용하셔도 무방합니다만 설정에 보면 재미난 것들이 많아 한 번씩 살펴보면 좋을 것 같습니다. 우측 상단에 콤보 표시도 되고 MAX 콤보 표시도 됩니다. Ctrl + Alt + O 키를 눌러서 파워코딩 기능을 on/off 하실 수 있습니다. 세부적인 설정에 대해서는 깃..