웹솔루션개발 25년 노하우! 해피CGI의 모든것

마이크로소프트에서 나온 무료 개발툴인 Visual Studio Code 입니다. 무료라고 하기엔 기능이 너무 방대하므로, 사용해보시길 추천 드립니다. 기본적으로 여러 테마가 있고, 여러 테마중 골라 자신이 원하는 소스 편집 색으로 사용할수 있습니다. php 라고만 쳐도 위와 같이 여러 함수가 나타나며 Tab 키를 누르면 바로 완성 됩니다. 괄호만 쳐도 괄호 두개가 생기고 커서는 괄호 안쪽에 위치하므로, 프로그램 개발에 편의성은 최강입니다. 그외에도 여러 플러그인을 지원합니다. 그래서 바로 FTP 에 접속하여 소스 수정도 가능합니다. 개발툴중 Visual Studio Code 도 한번 사용해 보시길 추천드립니다.

* ckeditor - Code Snippet - 이 플러그인은 에디터네 소스코드 삽입시 구문 강조를 도와줍니다. * 라이센스(무료) - GPLV3, LGPL3, MPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/codesnippet - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'codesnippet'; - 툴바에 추가된 아래 아이콘을 눌러 소스코드를 입력합니다. - 입력 후 [확인] 버튼을 누르면 에디터에 아래와 같이 소스코드가 강조되어 보여집니다.

웹페이지 내에서 에디터에 있는 코드정리기 처럼. 코드정리와 코드비교를 할수 있는 사이트입니다. 사이트에 접속을하게 되면 상단에 여러가지 옵션을 확인할 수 있습니다. Beaufity옵션이 기본적으로 선택이되며 찾아보기 버튼을 통하여 파일을 불러와 코드를 정리할 수 있씁니다. 찾아보기를 통하여 파일을 불러오면 좌측에는 원본코드 우측에는 정리된 코드를 확인하실 수 있으며 누락된 코드나 잘못된 코드 그리고 경고 메세지를 좌측읠 X버튼에 마우스를 올리면 도움말을 확인 하실 수 있습니다. `코드 정리말고도 파일비교등 다양한 옵션을 제공하고 있으며 마우스 스크롤을 하면 여러가지 설정을 확인하실 수 있습니다.

다운로드 받은 파일의 압축을 해제해서 웹서버에 업로드 한후에 서버에 업로드 된 index.php 를 웹브라우저로 열어보면 확인이 됩니다. 왼쪽의 입력폼을 이용해서 이메일주소, 제목, 내용을 입력하면 오른쪽에 QR코드로 출력해주고, 생성된 QR코드를 이미지파일로 다운로드 받을수 있는 예제입니다. 데모는 http://codepreview.x10host.com/qrcodegenerator/index.php 에서 확인이 되네요.