도구 모음 위치 CKEditor4 에서는 편집기 툴바 위치를 사용자가 지정할 수 있습니다. 기본적으로 클래식 기반의 iframe 편집기에서는 툴바가 편집기 UI 상단, 편집 영역 위에 배치됩니다. 하지만, config.toolbarLocation 구성 설정을 사용하여 해당 옵션을 변경할 수 있습니다. 기본 편집기 구현의 경우 'top'(기본값)과 'bottom' 설정 중 하나를 선택할 수 있습니다.# config 파일 내 설정 시// config.toolbarLocation = 'top';config.toolbarLocation = 'bottom'; config 파일을 이용하지 않고, 스크립트로 설정한 replace 구문에서도 편집기 크기 조정을 비활성화 할 수 있습니다.# replace 구문 사용 시C..

CKEditor 크기를 사용자 정의에 맞춰 가로,세로로 조정하거나 가로로만 조정하거나 세로로만 조정할 수 있습니다. 최소 및 최대 크기를 설정하여 사용자 정의에 맞춰 조정을 할 수도 있고 크기 조절에 대한 설정을 비활성화 할 수 있습니다. 그래서 이번 글에서는 CKEditor 크기를 사용자 정의에 맞춰 조정할 수 있는 방법에 대해서 알아보겠습니다. 편집기 크기 조정 및 사용자 정의 해당 기능은 CKEditor 4 공식 다운로드 사이트 에서 제공하는 Standard 및 Full 프리셋에 포함된 Editor Resize 플러그인을 통해 제공됩니다 . 온라인 빌더를 사용하여 사용자 정의 빌드에 추가 할 수도 있습니다 . 너비와 높이 조작은 클래식 편집기 에서만 지원되며 인라인 편집기 에서는 작동하지 않..

이전 작성된 게시글을 통해서 CKEditor4 편집기 크기 조정을 할 수 있고 하는 방법에 대해서 알아보았습니다. 게시글 마지막 대안으로 편집기 크기 조정에 어려움이 있고 신경 쓰지 않고 설정할 수 있는 자동 조절의 기능이 있다고도 소개했는데요. 이번 글은 편집기 자동 조정이란 무엇이고 조정 방법에 대해서 알아보겠습니다. 콘텐츠에 맞춰 편집기 높이 자동 조정 해당 기능은 CKEditor 다운로드 사이트에서 제공하는 CKEditor4 사전 설정에 포함되지 않은 선택적 플러그인을 통해 제공되며 온라인 빌더를 사용하여 사용자 정의 빌드에 추가해야 합니다. 선택 사항인 자동 확장 플러그인을 사용하면 CKEditor4가 편집 영역에 입력되니 콘텐츠의 양과 크기에 따라 자동으로 수직으로 확장되거나 축소되..

CKEditor4 편집기를 이용하다보면 기본적으로 설정되어 있는 높이가 생각보다 작아서 편집기를 활용하는데에 있어서 불편함을 느낀 경험이 있을겁니다. 편집기의 편집 높이 영역이 작을 수록 에디터를 통해서 글 작성하는데에 많은 불편함과 답답함이 있을텐데요. 그런 부분을 개선할 수 있도록 CKEditor4는 편집기 크기를 조정할 수 있는 설정 정보를 제공하고 있습니다.     편집기 크기 조정  CKEditor4 편집기는 클래식 편집기에서만 수정이 가능합니다. 에디터 config 파일 내에서 수정을 진행한다면 config.width, config.height 설정을 통해서 크기를 조정할 수 있습니다. 하지만, CKEditor4 인라인 편집기에서는 해당 설정이 무시됩니다.  클래식 편집기의 너비와 높이는 해당..

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)란?젠킨스의 특징과 장/단점       젠킨스란? ..