전체 글

CKEditor4를 사용하는 작업자라면 기본적인 설정들을 활용해서 원하는 CKEditor의 형태를 구성해 나갈것입니다. 대표적인 설정으로는 UI 색상, 언어, 크기, 사용 기능의 배치 등등이 있습니다. 다양한 설정들 중, 사용자 인터페이스의 UI 색상 및 언어를 설정할 수 있는 방법에 대해서 알아보겠습니다.     사용자 인터페이스 UI 색상 설정  개발자는 편집기 UI 색상을 쉽게 조정하여 CKEditor 4가 내장된 웹사이트나 애플리케이션의 모양과 느낌에 맞게 만들 수 있습니다. 해당 기능은 소위 "카멜레온" 기능과 호환되는 에디터 스킨에만 사용할 수 있습니다. CKSource에서 만든 스킨, 즉 Moono-Lisa, Moono, Kama Skin은 이미 이를 지원합니다. 사용자 지정 스킨을 사용하는..

우리가 이클립스를 설정하거나 소프트웨어 개발을 하거나 데이터를 전송하거나 등등 여러가지 행위에서 인코딩이라는 개념과 사용이 생각보다 많다. 그렇지만 정작 우리가 사용하면서 정확한 개념을 이해하거나 정의를 알고 있는 건 한정적이고 한계가 많다. 그래서 오늘은 인코딩에 대해서 알아보고 인코딩 방식의 종류에 따른 개념과 특징이 무엇인지 알아보기로 했다.     인코딩(Encoding) 이란?파일에 저장된 정보의 형태를 다른 것으로 변경하는 것을 말한다. 부호화(符號化)라고도 한다. 정보의 형태를 다른 것으로 변경하는 것을 인코딩이라고 하는데, 우리가 사용하는 정보를 나타내는 문자들의 형태 또한 나타내는 방식이 있다. 그 형태에 맞는 인코딩 설정으로 우리가 보고자 하는 형태를 사용하면 된다. 그렇다면 그런 형태..

많은 웹 개발자들이 스프링을 활용해서 웹 애플리케이션을 개발합니다. 물론 다른 프레임워크 또는 다른 언어들을 이용해서도 웹 애플리케이션을 만듭니다. 필자는 스프링 프레임워크를 이용해서 웹 애플리케이션을 개발합니다. 그래서 여러 플랫폼 개발을 진행할 때 게시판 구성에 필요한 에디터를 보편적으로 많이들 사용하는 에디터를 선정해 구성합니다. 그 중, CKEditor를 에디터로 선정하여 플랫폼에서 사용할 수 있도록 합니다. 물론 다양한 에디터가 존재하므로 그 중 하나를 선택하여 플랫폼을 구성할 수 있을것입니다. 오늘은 스프링 프레임워크를 활용해 CKEditor4 에디터를 적용해보도록 하겠습니다.     CKEditor4 Builder 사용하기 1.  CKEditor4 Builder 접속하기CKEditor4 Bu..

CKEditor는 웹 애플리케이션 개발을 할 때 게시판 CRUD 개발의 내용을 입력 할 때 에디터로 활용할 수 있다. 티스토리 블로그에서 사용하고 있는 에디터, 네이버 스마트 에디터 등등 다양한 플랫폼에서 제공하는 에디터처럼 CKEditor도 내가 원하는 텍스트를 입력하고 크기를 키우고 색상도 설정할 수 있고 강조, 정렬, 표, 이모티콘, 링크, 이미지 추가 등등과 같은 기능을 사용할 수 있다. 다양한 에디터처럼 많은 기능을 제공하고 있고 무료 OPEN SOURCE로 배포하고 있는 CKEditor에 대해서 알아보자.     CKEditor란? CKEditor는 웹 기반의 WYSIWYG(What You See Is What You Get) 텍스트 편집기로, 사용자가 HTML 문서를 쉽게 작성하고 편집할 수..

이클립스를 이용하거나 STS를 이용하거나 내가 작업중인 프로젝트 파일을 어딘가에 공유해서 사용하려면 형상관리 툴이 필요하다. 다양한 형상관리 툴이 있지만 대표적인 SVN, 깃허브가 있을것이다. 그중 Github는 현 시대에 대표적인 형상관리를 제공한다. 꼭 형상관리만이 대표적인 기능은 아닐테지만 많은 개발자들이 깃허브로 자신의 소스 파일을 공유하고 있다. 그래서 이번 게시글은 내가 개발중인 프로젝트를 깃허브에 공유하는 방법을 알아보자.     STS(Spring Tool Suite) 프로젝트 깃허브(Github)에 연동 하는 방법      1.  공유하고 싶은 프로젝트 우클릭 메뉴에서 Team > Share Project 메뉴를 선택합니다.      2.  Share Project 항목에서 reposit..

블로그를 운영하다보면 구글 애드센스를 활용해 광고를 넣어 수익으로 전환할 수 있다. 정책심사부터 구글 애드센스 광고 표시 항목 구성, 애드센스 정책 등등 필요에 의한 설정이 여러가지가 존재하는데 그 중 애드센스 심사 후 광고 표시에 따른 수익을 출금하게 될때 꼭 필수로 설정해야 하는 정보들 중, 세금 정보를 등록해야하는게 있다. 미국 세금정보와 싱가포르 세금정보를 입력하게 되어 있는데 그중 싱가포르 세금정보 입력 방법에 대해서 알아봅시다.     구글 애드센스(Google Adsense)싱가포르 세금정보 등록하기      1.  구글 애드센스 메인 대시보드에서 [지급] > [지급 정보] 메뉴를 선택합니다.      2.  빨간색 칸으로 설정된 영역 내, [세금정보 추가] 버튼을 눌러 세금 정보 관리로 들..

CI/CD를 사용하기 위해서는 Jenkins가 필요할 것입니다. CI/CD 카테고리의 'Jenkins란?' 게시글을 통해서 Jenkins가 무엇이며 특징 및 장/단점이 어떻게 되는지 확인해보았다면 Jenkins 사용을 위해 설치를 진행해보겠습니다.     젠킨스(Jenkins) 설치 방법젠킨스(Jenkins) 설정 방법     1.  Jenkins 다운로드를 위해 공식 홈페이지에 접속합니다. 메인화면의 가운데 Download 버튼을 클릭합니다.   Jenkins 공식 홈페이지   JenkinsJenkins – an open source automation server which enables developers around the world to reliably build, test, and deploy..

젠킨스(Jenkins)란 단어가 예전보다 지금이 더 많은 사람들의 입을 통해서 들려지고 있다. IT에 몸담고 공부를 하거나 일을 하는 사람이라면 1번쯤 꼭 들어봤을것 같다. Docker 만큼이나 유명한 녀석이지 않나 생각한다. 젠킨스는 'CI/CD', 즉 빌드/테스트/배포를 자동화할 수 있는 특징이 있다. 운영중인 서비스에 새로운 기능을 추가 후 넣는다고 했을때도 서비스를 중간에 중단하고 새로운 기능을 빌드 후 배포 한 후에 다시 서비스를 재 가동하려면 과정도 많고 중간 과정에 따른 서비스 중단이 있을 수 있다. 이런 부분들을 젠킨스(Jenkins)가 해결해 줄 수 있다. 그렇다면 그런 특징을 가진 젠킨스에 대해서 알아보자!     젠킨스(Jenkins)란?젠킨스의 특징과 장/단점       젠킨스란? ..

풀캘린더(FullCalendar) 속성 - 6     FullCalendar JS를 활용하다 보면 굉장히 다양한 속성과 이벤트를 볼 수 있다. 여러 속성들이 어떤 특징들을 가지고 있는지, 풀캘린더가 가지고 있는 이벤트에는 어떤 것들이 있으며 해당 이벤트는 어떤 동작들을 포함하고 있는지 등등에 대해서 잘 모를 때가 많다. FullCalendar JS 공식 홈페이지에서 제공하는 Documents 파일을 보긴 하지만 Docs 문서들을 확인하는 게 아직 익숙지 않은 사람은 문서 보는 방법조차 어려울 수 있다. 그래서 FullCalendar JS에서 사용할 수 있는 속성들을 하나식 살펴보고자 한다. 물론 100% 모든 속성들을 전부 보면 좋겠지만, 가장 중요한 속성들 위주로 확인해 보고 그 외에 속성들은 직접 D..

풀캘린더(FullCalendar) 속성 - 4     FullCalendar JS를 활용하다 보면 굉장히 다양한 속성과 이벤트를 볼 수 있다. 여러 속성들이 어떤 특징들을 가지고 있는지, 풀캘린더가 가지고 있는 이벤트에는 어떤 것들이 있으며 해당 이벤트는 어떤 동작들을 포함하고 있는지 등등에 대해서 잘 모를 때가 많다. FullCalendar JS 공식 홈페이지에서 제공하는 Documents 파일을 보긴 하지만 Docs 문서들을 확인하는 게 아직 익숙지 않은 사람은 문서 보는 방법조차 어려울 수 있다. 그래서 FullCalendar JS에서 사용할 수 있는 속성들을 하나식 살펴보고자 한다. 물론 100% 모든 속성들을 전부 보면 좋겠지만, 가장 중요한 속성들 위주로 확인해 보고 그 외에 속성들은 직접 D..

풀캘린더(FullCalendar) 속성 - 3     FullCalendar JS를 활용하다 보면 굉장히 다양한 속성과 이벤트를 볼 수 있다. 여러 속성들이 어떤 특징들을 가지고 있는지, 풀캘린더가 가지고 있는 이벤트에는 어떤 것들이 있으며 해당 이벤트는 어떤 동작들을 포함하고 있는지 등등에 대해서 잘 모를 때가 많다. FullCalendar JS 공식 홈페이지에서 제공하는 Documents 파일을 보긴 하지만 Docs 문서들을 확인하는 게 아직 익숙지 않은 사람은 문서 보는 방법조차 어려울 수 있다. 그래서 FullCalendar JS에서 사용할 수 있는 속성들을 하나식 살펴보고자 한다. 물론 100% 모든 속성들을 전부 보면 좋겠지만, 가장 중요한 속성들 위주로 확인해 보고 그 외에 속성들은 직접 D..

USB 저장장치, 외장하드 등등을 사용 후, 꺼내기를 진행하려는데 제거가 되지 않아 당황스러울때가 많다. 급할 때에는 PC USB 단자에 꽃혀 있는 USB를 그냥 뽑아서 제거하기도 하는데 이렇게 하게되면 외장하드가 고장나거나 정상적인 저장장치로 사용하는게 어려울수 있다. 그래서 다 사용한 저장장치는 안전제거를 통해 제거하는게 좋다. 그렇다면 USB 대용량 저장장치를 안전하게 제거하기 위해서는 어떻게 해야 할까?      USB 대용량 저장장치 안전하게 제거하는 방법외장하드 안전제거 방법    디스크 관리 사용 안 함 및 디바이스 제거 1.  탐색기를 열고 내 PC에 마우스 우클릭으로 관리 메뉴를 선택합니다.      2.  컴퓨터관리 창에서 컴퓨터 관리 > 장치 관리자 > 디스크 드라이브의 현재 사용중인..