키위노트

비콘을 아시나요? 아주 작고 동그란 물체인데 근거리 무선 통신의 일종으로 스마트폰 사용자가 비콘의 범위 안으로 지나가면 스마트폰으로 정보를 자동으로 전달 할 수 있는 기기입니다. 블루투스를 기반으로 하고요. 주로 매장에 입장하거나 근처에 지나가는 사람들을 대상으로 모바일 광고 서비스를 하는 용도로 많이 사용합니다. 

코로나19 바이러스나 각종 재난 알림 등에 실시간으로 유용하게 사용 할 수 있을거라 보는데요, 감염지역 통과 시 자동 알림 등 다양한 용도로 사용 할 수 있을 것 같습니다.

이태원 클럽 사태 같은 경우에도 감염 위험 지역을 통과하는 시민들에게 실시간 자동으로 알림을 전달하거나 경고하는 등의 예방 활동도 같이 할 수 있다고 봅니다.

비콘은 가격도 비싸지 않고 설치도 간편하고요.

우리나라 IT 기술이 많이 발전했지만 기존의 기술들을 활용한 더 많은 재난 대비 시스템들이 나왔으면 좋겠습니다.

위지위그(WYSIWYG: What You See Is What You Get, "보는 대로 얻는다")

위지윅 에디터가 필요해서 어떤걸 사용해볼까 고민하다 다음 위지윅 에디터를 사용해보려고 며칠 동안 틈틈히 소스를 고쳐보고 해서 1차적으로 게시판에 적용해서 테스트 해볼 수 있을 정도로 수정해봤습니다. 인터넷 검색 및 나름 고쳐보면서 테스트도 함께 진행했습니다.

게시판에 적용해서 정식 테스트는 아직 하지 않았지만 조만간 해 볼 생각입니다. 아직 어떤 문제가 있는지는 모두 파악하지 않았습니다.

다음 위지윅 에디터는 아래 주소에서 설치파일을 다운로드 받을 수 있습니다.

https://github.com/kakao/DaumEditor

다음 위지윅 에디터는 다른 위지윅 에디터에 비해 설치법이 좀 어렵(?)습니다. 소스코드를 내 입맛에 맞도록 고치는게 좀 더 까다롭다는거죠. 

소스코드 수정은 1차 테스트 정도라 웹페이지상에서 보이는 불필요한 부분들을 제외하는 수정과 사진&파일 업로드 기능 적용 등 몇 가지 정도입니다.

첨부된 소스파일을 실제 게시판 제작시 적용해보셔도 되고, 추가로 소스를 수정해보셔도 됩니다. 자유롭게 사용 또는 수정해보세요.

테스트 정도의 수정이지만 가급적 사용하기 쉽게 수정된 소스입니다. 소스 코드별로 수정된 부분에 대해 자세히 설명을 드리기는 힘듭니다. 실제로 보시면 크게 어렵지는 않을 듯 합니다.

주요 수정 내용 : 

- 사진(이미지) 파일 업로드 적용(글 본문에 이미지 적용)

- 첨부파일 업로드 적용

- 글등록 버튼 클릭시 FORM으로 넘기는 변수값 확인

- 글제목 text 입력박스 추가

- 글수정 모드 페이지 추가

- 기타 화면에서 불필요한 부분 삭제 등

첨부파일 안내 : 

글 마지막에 위치한 첨부파일(editor.zip)을 다운받아 압축을 풀면 아래의 폴더와 파일들이 존재합니다. editor폴더 안에 위치하도록 압축을 풀어주세요.

폴더 설명

css : 다음 에디터에 기본으로 포함된 css 폴더입니다.

images : 다음 에디터에 기본으로 포함된 image 폴더입니다.

js : 다음 에디터에 기본으로 포함된 자바스크립트 폴더입니다.

pages : 다음 에디터에 기본으로 포함된 폴더입니다. 이미지파일 첨부 페이지(image.html), 파일업로드 페이지(file.html) 등이 포함되어 있습니다.

upload : 이미지파일 업로드나 첨부파일 업로드시 실제 파일이 서버상에서 저장되는 폴더입니다. 수정 과정에서 임의로 생성한 폴더입니다.

주요 웹페이지 기능 설명

editor.html : 실제 게시판 글쓰기 페이지에 적용될 소스가 있는 페이지입니다. ftp로 서버 최상위 경로에 업로드 하였을 경우 테스트시 http://www.도메인.com/editor/editor.html 경로로 접속하여 테스트 하시면 됩니다.

editor_modify.html : 게시판 글수정 모드 테스트 페이지입니다. 글수정시 textarea에 등록된 글 내용을 불러와야 할 경우 이 페이지의 소스코드를 수정하여 사용하시면 됩니다. 테스트시 http://www.도메인.com/editor/editor_modify.html 경로로 접속하여 테스트 하시면 됩니다. 임의로 생성한 웹페이지입니다.

file_upload.php : /editor/pages/trex/file.html 페이지에서 파일을 첨부하여 form submit시 이 페이지에서 실제 서버로 파일을 업로드 시켜줍니다. 서버에 업로드시 파일명 자동 변경 및 PHP파일 관련 변수값들을 받을 수 있습니다. 글쓰기 본문에 첨부된 파일명이 보여지게 적용시켜줍니다. 임의로 생성한 PHP파일입니다.

image_upload.php :  /editor/pages/trex/image.html 페이지에서 이미지 파일을 첨부하여 form submit시 이 페이지에서 실제 서버로 이미지 파일을 업로드 시켜줍니다. 서버에 업로드시 파일명 자동 변경 및 PHP파일 관련 변수값들을 받을 수 있습니다. 글쓰기 본문에 첨부된 이미지 파일이 보여지게 적용시켜줍니다. 위지윅 게시판에서 가장 많이 쓰이는 기능이죠. 임의로 생성한 PHP파일입니다.

post.php : editor.html에서 글제목과 글내용 입력 후 form submit시 글제목과 글내용이 제대로 POST방식으로 전달되었는지 확인할 수 있습니다. DB에 저장을 할 때 이 페이지에서 DB 저장 소스 코드를 추가하면 됩니다. 임의로 생성한 PHP파일입니다.

지금까지 내용대로 수정된 다음 위지윅 에디터 설치파일은 아래 첨부된 파일을 다운로드 해주세요.

editor.zip

쉽게 설치할 수 있게 하기 위해 1차적으로 수정한 파일이라 완벽하지는 않습니다. 추후에 실제 게시판에 적용시켜보고 DB에 저장도 해보면서 2차 수정을 할 계획입니다.

위지윅 게시판 설치파일이 필요한 분들이나 다음 위지윅 에디터 설치에 어려움을 느끼는 분들에게 아주 조금이나마 도움이 되셨길 바랍니다. ^^