Etc


바위가 널린 곳을 껑충껑충 건너 뛰어간 꿈 해몽

  -> 여러 방면으로 일을 진전시킨다.


지팡이나 주먹으로 바위를 쳐서 쏟아지는 물을 마시는 꿈 해몽

  -> 많은 재물을 얻거나, 세상 사람들을 감동시킬 사업을 해서 성공할 가능성이 크다.


큰 바위를 집안으로 운반하는 꿈 해몽

  -> 원하는 일이 순탄하게 발전하면서 재물이 증가하고 명예가 높아지면서 부귀롭게 된다.


바위나 높은 산 위에 염소가 있는 꿈 해몽

  -> 경제적인 수입을 뜻한다.


온몸에 구렁이가 감겨 있는데 호랑이가 바위로 쳐서 토막을 낸 꿈 해몽

  -> 어떤 세력을 꺾거나 협조자와 더불어 일을 성사시킨다.


바위틈에서 잡은 물고기가 두 토막이 나는 꿈 해몽

  -> 하고 있는 일이 타인에 의해서 가치가 없어진다.


산속에서 기도하다가 보니 넓은 바위 위에 지폐가 쌓여 있는 꿈 해몽

  -> 사업이 번창하고 소망이 성취된다.


주먹으로 큰 바위를 쳐서 부수는 꿈 해몽

  -> 막강한 권력자나 사업가가 될 것이다.


큰 바위가 떨어져 길이 막히는 꿈 해몽

  -> 현재 하고 있는 일이 장애를 만나 막히게 될 것을 알려 주고 있다.


큰 바위를 가볍게 굴려버린 꿈 해몽

  -> 자신의 미비한 힘으로 어떤 단체를 움직일 수 있게 된다.


바위가 터져서 폭포가 흐르는 꿈 해몽

  -> 진리적인 교화를 크게 베풀거나 많은 재물을 얻는다.


바위에 새겨진 이름을 보는 꿈 해몽

  -> 어떤 기관의 간판 또는 칭호가 새롭게 바뀌게 된다.


작은 돌덩이로 바위를 때리자 부서지는 꿈 해몽

  -> 모든 방법,수단을 동원하여 일거리를 차지하거나 경쟁자를 물리친다.


바위가 허공을 날으는 꿈 해몽

  -> 직장에서 직위 등이 불안하거나 조직에서 자기 세력이 불완전하다는 말이다.


큰 바위를 안고 있는 꿈 해몽

  -> 가정에 경사가 있거나, 횡재, 물품, 식품 등이 생긴다.


큰 바위에 새긴 비석이 유난히 빛이 나는 꿈 해몽

  -> 특진, 합격, 승진, 당선, 학위취득 등 명예가 좋아지거나, 부귀공명하고 입신출세 한다는 뜻이다.


로프를 사용해서 바위를 오르는 꿈 해몽

  -> 어떤 일을 시작하는데 협조자의 도움을 받아 소원을 성취한다.




큰 바위 덩어리를 먹고 거인이 되는 꿈 해몽

  -> 운수가 대통하면서 소망대로 소원성취하거나, 대성, 발달, 재물, 물품, 임신, 명예, 승리, 합격, 당선, 승진, 자격취득 등에서 길한 운명이다.


머리를 큰 바위나 돌에 심하게 부딪치는 꿈 해몽

  -> 사고 및 불상사가 발생되면서 말썽과 장애, 손재수와 가정의 근심 등 흉한 일을 당한다.


파도가 부딪히는 바위에 서서 있는 꿈 해몽

  -> 여러 사람과 시빗거리가 생겨 말다툼하게 된다.


자신이 자동차나 바위 등 치명타를 줄 수 있는 물건에 치인 꿈 해몽

  -> 정부기관이나 단체의 도움을 받아 어렵게 여겨졌던 사업이 성공한다.


바위가 보이는 꿈 해몽

  -> 승진할 수 있는 기회가 찾아온다.


바위를 움직이는 꿈 해몽

  -> 마음이 울적한 생활이 계속된다.


바위를 깨는 꿈 해몽

  -> 기운이 없다는 의미이므로 활력을 불어 넣도록 노력한다.


바위암벽을 기어오르는 꿈 해몽

  -> 평소에 원하던 소망이 이루어진다.


바위에서 굴러 떨어지는 꿈 해몽

  -> 친구를 잃을 위험이 있다.


울면서 큰 바위를 굴리는 꿈 해몽

  -> 재물과 돈이 생기고 사업에 좋은 성과를 올리거나, 횡재, 성장, 대업성취 등이 있다.


정원에 푸른 이끼가 낀 바위가 서 있는 꿈 해몽

  -> 집안에 큰 인물이 출생하거나, 재물과 먹을 것이 생기고 경사스러운 일이 있다.


바위를 주먹으로 박살 내는 꿈 해몽

  -> 주장 또는 권력 등에 의해서 단체나 조직을 와해 시키거나, 권리, 업적, 사업 등이 새로워질 일이 있다.


큰 바위에 앉아서 하늘 위로 오르는 꿈 해몽

  -> 명예와 지위가 높아지면서 귀한 신분이 되거나, 입학, 승진, 당선, 승리 등에서 좋은 일이 발생한다.


자기 집 지붕에 큰 바위가 있는 꿈 해몽

  -> 집안이나 사업에 우환이나 큰 장애가 발생할 것을 암시하는 꿈이다.


자기 집 마당에 큰 바위가 놓여져 있는 꿈 해몽

  -> 큰 돈이 굴러온다는 것을 알리는 행운의 꿈이다.


작은 돌덩이가 자꾸 커져 큰 바위가 되는 꿈 해몽

  -> 작은 사업체나 일거리가 차차 커져서 큰 사업체가 된다는 암시이다.


- copy coding-

저작자표시 비영리

'Etc' 카테고리의 다른 글

[꿈해몽 모음] 구름 관련 꿈  (0) 2019.02.27
[윈도우즈] sch.exe의 작동이 중지되었습니다. 카카오인코더(CacaoEncoder) 삭제  (0) 2019.02.20
[웹 에디터] 네이버 SmartEditor2 설치 ( javascript 내부 구현 방법 )  (1) 2019.02.14
[윈도우즈] 노트북 마우스 패드 잠금 또는 해제 하는 방법  (0) 2019.02.12
[꿈해몽 모음] 장례식 조의금 상주와 관련된 꿈 해몽  (0) 2019.02.12


 

간단하게 사용할 수 있는 web editor를 하나 추가할 일이 있어서 naver에서 만들었으니 믿을만 하겠지 하고 설치를 하기로 하였습니다.  그런데 그냥 설치 하는 방법은 매뉴얼만 보면서 하면 되는데 요즘에는 화면 그리는 툴들을 많이 사용하고 있어서 javascript function 안에서 구현을 해야 하는 상황이 발생하여 다음에 또 써야할 일이 발생하면 사용하려고 작성 합니다.  예전에 HTML Tag만 가지고 구현하느라 1주일 걸린적이 있는데 그 소스는 어디 갔는지 모르겠네요.

 

순서

1. Source 다운로드

2. 일반적인 설치 방법

3. javascript 내에서 설치 방법

 

 

1. Source 다운로드


기존에 사용하던 개발자 url에서는 다운로드가 되지 않고 github에서 다운로드를 해야 합니다.

https://github.com/naver/smarteditor2

그리고 smartEditor 3.x 버전은 공개를 하지 않는다고 하네요.  저는 2.x 버전 만으로도 충분.


naver_smarteditor2


Clone or download를 클릭해서 확장된 메뉴 중 Download ZIP을 선택하면 압축된 형태로 다운로드가 진행 됩니다.  다운로드가 완료 되면 파일이 있는 디렉토리로 이동하여 압축풀기를 해줍니다.  디렉토리 구조를 보면 dist와 workspace 두개가 있는데 이중에 dist를 이용하여 작업을 진행 합니다.


naver_smarteditor2



2. 일반적인 설치 방법

 

그냥 html, jsp, php등에 설치 하는 방법은 네이버 매뉴얼에 잘 설명이 되어 있습니다.

http://naver.github.io/smarteditor2/user_guide/

 

간단하게 요약해서 설명 하면


2.1 압축을 푼 파일을 적당한 곳에 복사


dist 아래에 있는 파일들을 웹 서버에 복사를 하는데 웹에서 path를 잡을 수 있는 곳이면 아무 곳이나 가능하지만 너무 깊이 숨겨 놓으면 안되겠죠.

 

2.2 js 추가


smartEditor의 기본이 되는 javascript 파일을 작업하려는 파일 상단에 추가 합니다.


 <script type="text/javascript" src="상위경로/js/service/HuskyEZCreator.js" charset="utf-8"></script>


2.3 Textarea 추가

 

웹 에디터를 사용할 textarea를 작업 파일에 추가 합니다.  id는 나중에 사용해야 하므로 적당한 명칭을 부여 합니다.


<textarea name="weditor" id="weditor" rows="10" cols="100"></textarea>


2.4 editor 생성 javascript

 

2.3에서 생성한 textarea에 웹 에디터를 추가하기 위한 javascript를 작성 합니다.  매뉴얼에서 복사해서 사용하면 됩니다.

elPlaceHolder에 위에서 작성한 id를 입력 합니다.

sSkinURI에는 복사한 path를 잘 맞추어 기입합니다.


<script type="text/javascript">

 

var oEditors = [];

nhn.husky.EZCreator.createInIFrame({

    oAppRef: oEditors,

    elPlaceHolder: "weditor",

    sSkinURI: "경로/SmartEditor2Skin.html",

    fCreator: "createSEditor2"

});

 

</script> 



2.5 결과



naver_smarteditor2


2.6 전체 소스


좀 허접하지만 2.5에 있는 모양을 만들기 위해 제가 만든 test.html 전체 소스입니다.


webeditor

  

<script type="text/javascript" src="./dist/js/service/HuskyEZCreator.js" charset="utf-8"></script>

 

<textarea name="weditor" id="weditor" rows="10" cols="90"></textarea>

 

<script type="text/javascript">

 

var oEditors = [];

nhn.husky.EZCreator.createInIFrame({

    oAppRef: oEditors,

    elPlaceHolder: "weditor",

    sSkinURI: "./dist/SmartEditor2Skin.html",

    fCreator: "createSEditor2"

});

 

</script> 


좀 허접이 아니고 진짜 허접하네요.  dist에 있는 파일을 바로 메인에 복사해서 사용했습니다.

 

 

3. javascript 내에서 설치 방법

 

일반적인 방법으로 설치를 해보았다면 이것도 별거 없습니다.  그냥 function 안에서 구현을 한것 이외에는 나머지 스크립트는 동일 합니다.

 

3.1 구현 방법


$.getScript() jQuery를 이용하여 javascript 내에서 javascript를 불러옵니다.  그리고 불러온 js를 이용한 코드를 내부에 기입하면 됩니다.

 

textarea와 button을 화면에 표시되고 HTML Tag를 적용시킬 수 있는 부분에 설정을 해줍니다.  툴에 따라 component, element, division등등이 될 수 있겠죠.  버튼도 이벤트를 직접 호출 할 수 없는 경우에는 가상으로 만들어서 사용하면 됩니다.

 

textarea를 먼저 정의하지 않으면 id를 찾을 수 없어 Cannot read property 'parentNode' of null / HuskyEZCreator.js 오류가 발생 할 수 있습니다.


naver_smarteditor2


 

3.2 전체 소스

 

화면 초기화가 완료되는 함수에 넣어서 구현한 내용입니다.


function onLoadedFunction()

{

           this.eleTxt.setHtml(‘<textarea name="ir1" id="ir1" rows="10" cols="100"></textarea>’);

this.eleBtn.setHtml(‘<button class=”saveBtn”>저장</button>’);

 

           $.getScript("./dist/js/service/HuskyEZCreator.js", function() {

                     var oEditors = [];

                     nhn.husky.EZCreator.createInIFrame({

                                oAppRef: oEditors,

                                elPlaceHolder: "ir1",

                                sSkinURI: "./dist/SmartEditor2Skin.html",

                                fCreator: "createSEditor2"

                     });

                      $(document).on('click', '.saveBtn', function () {

                    

                                var val2 = oEditors.getById["ir1"].exec("UPDATE_CONTENTS_FIELD", []);

                                this.contents = $('#ir1').val();

                                alert(this.contents);

                                this.onSubmitBtnClick();

                     });

           });

          

};


3.3 결과 화면

 

위의 코드를 실행하면 나오는 결과 화면 입니다.


naver_smarteditor2



4. size 조절

 

화면에 따라 에디터의 사이즈를 조절해야 하는 경우가 발생 합니다.  그런데 html을 아무리 찾아보고 비슷한걸 수정해도 사이즈는 변경이 안되는데 사이트 변경은 js 파일에서 관리 합니다.

 

/dist/js/service에 가면 SE2BasicCreator.js 파일이 있습니다.  위치는 버전에 따라 하나 윗단계인 js에 들어 있기도 합니다. SE2BasicCreator.js 파일을 열고 아래와 같은 내용을 찾아서 수정 합니다.


 

            var htDimension = {

                     nMinHeight:205,

                     nMinWidth:parseInt(elIRField.style.minWidth, 10)||570,

                     nHeight:elIRField.style.height||elIRField.offsetHeight,

                     nWidth:elIRField.style.width||elIRField.offsetWidth

           };

 

높이 : nMinHeight:205

가로 : nMinWidth:parseInt(elIRField.style.minWidth, 10)||570,

 

화면에 따라 사이즈가 여러개 필요하다고요?

그럼 SmartEditor2xxx.html 파일과 SE2BasicCreator.js 파일을 여러개 복사해서 이름을 변경하고 각 html 파일에서 다른 js 파일을 불러오면 됩니다.


저작자표시 비영리

'Etc' 카테고리의 다른 글

[윈도우즈] sch.exe의 작동이 중지되었습니다. 카카오인코더(CacaoEncoder) 삭제  (0) 2019.02.20
[꿈해몽 모음] 바위, 돌, 돌덩어리 관련 꿈 해몽  (0) 2019.02.16
[윈도우즈] 노트북 마우스 패드 잠금 또는 해제 하는 방법  (0) 2019.02.12
[꿈해몽 모음] 장례식 조의금 상주와 관련된 꿈 해몽  (0) 2019.02.12
[Pixlr] Adobe Photoshop 없이 무료 투명 배경 이미지 만들기  (2) 2019.01.31


별도의 키보드가 없이 노트북으로 문서를 작성 할 때 마우스 패드 때문에 자꾸 다른 문장으로 이동하여 귀찮은 경우가 발생하는데 노트북 단축키를 이용하여 잠금을 하거나 단축키가 없는 경우 제어판에서 잠금을 하는 방법입니다.

 

 

1. 노트북 키보드 이용

 

노트북에 있는 키보드에는 일반 키보드에는 없는 버튼과 기능이 있습니다.  노트북 제조사별로 버튼의 기능이 조금씩 다르긴 하지만 일부는 공통으로 사용하고 있습니다..

일단 노트북 키보드에는 좌측 하단에 Fn이라고 되어있는 key가 있습니다. 이 키와 상단에 있는 Function Key(대부분 F1에서 부터 F12정도)와의 조합으로 특수한 기능을 수행 합니다.  여기서는 마우스 패드를 잠그는 기능만 설명 합니다.


mouse_pad_lock


Fn 키 + F5 또는 Fn + F10키를 같이 누르면 마우스 패드가 잠김으로, 잠겨있으면 켬으로 변경 됩니다.


mouse_pad_lock


Fn + F5(또는 Fn + F10)키를 눌렀는데도 아무런 변화가 없다면 Function Key에 그려진 아이콘을 자세히 보면 마우스 패드 모양으로 생긴 그림이 있습니다.


mouse_pad_lock


F5 또는 F10이 아니라면 다른 키에 있을 수 있습니다.



2. 설정 메뉴 이용

 

키보드 시작 버튼을 누르거나 모니터 좌측 하단 윈도우 모양을 클릭해서 톱니바퀴 모양의 설정 아이콘을 클릭하면 설정 창이 나타 납니다.


mouse_pad_lock


설정 창에서 장치(Bluetooth, 키보드, 마우스) 메뉴를 클릭 합니다.


mouse_pad_lock


그러면 노트북에 장착된 장치들에 대한 설정을 할 수 있는 창이 나타나는데 좌측은 각 장치 리스트이고 우측은 장치 별 설정 메뉴가 있습니다.

좌측 메뉴에서 터치 패드를 찾아서 클릭하면 우측에 터치 패드가 켬 상태로 나타납니다. 벌써 잠금을 했으면 회색으로 끔이라고 되어 있습니다.  그냥 이 켬 버튼을 클릭하면 끔으로 처리되고 터치 패드가 잠김니다.


mouse_pad_lock


터치 패드를 끔으로 한 경우 아래처럼 보입니다.


mouse_pad_lock


터치 패드를 다시 켜려면 당연히 반대로 하면 되겠죠.  이제 마우스의 방해를 받지 않고 글을 작성 하면 됩니다.


저작자표시 비영리

'Etc' 카테고리의 다른 글

[꿈해몽 모음] 바위, 돌, 돌덩어리 관련 꿈 해몽  (0) 2019.02.16
[웹 에디터] 네이버 SmartEditor2 설치 ( javascript 내부 구현 방법 )  (1) 2019.02.14
[꿈해몽 모음] 장례식 조의금 상주와 관련된 꿈 해몽  (0) 2019.02.12
[Pixlr] Adobe Photoshop 없이 무료 투명 배경 이미지 만들기  (2) 2019.01.31
[포토샵] Adobe Photoshop 7 투명 배경 이미지 만들기  (1) 2019.01.30


장례식에 참석하는 꿈 해몽
  -> 결혼이나 약혼 소식이 있다.

장례행렬이 행진하는 것을 보는 꿈 해몽
  -> 본인이 명성을 떨치게 되는 꿈으로 상여 뒤를 따르는 행렬이 길수록 명성이 높아지고 자신을 따르는 사람이 많아짐을 의미한다.

장례식을 보는 꿈 해몽
  -> 결혼이나 약혼 소식이 있다.

자신의 장례식이 치러지는 꿈 해몽
  -> 어떤 점에서든지 인생의 새로운 출발을 의미하는 꿈이다.

모르는 사람의 장례식에 가는 꿈 해몽
  -> 횡재수가 기쁨을 맛보게 한다.

장례식에 굴건을 쓴 사람이 많이 있는 꿈 해몽
  -> 유산 분배자, 제자 등이 많이 생긴다.

장례식에 참석하여 조위금을 내는 꿈 해몽
  -> 사업이 곤경에 처하거나, 그 일과 관련하여 어떤 단체나 조직에 청탁을 하거나 청원서를 낼 일이 발생한다.

 

장례행렬을 따르는 군중을 보는 꿈 해몽
  -> 자신의 작업이나 작품이 많은 사람들의 인정을 받게 된다.

 

자신이 장례식에 찾아가 상주에게 절하는 꿈 해몽
  -> 어떤 유산이나 상속자의 권리를 나누어 받거나, 예상하지 못했던 돈을 수령할 일이 있다.

많은 사람들이 장례 행렬을 따라가는 꿈 해몽
  -> 본인의 업적을 기리는 사람이 많게 된다.

- copy coding-

'Etc' 카테고리의 다른 글

[웹 에디터] 네이버 SmartEditor2 설치 ( javascript 내부 구현 방법 )  (1) 2019.02.14
[윈도우즈] 노트북 마우스 패드 잠금 또는 해제 하는 방법  (0) 2019.02.12
[Pixlr] Adobe Photoshop 없이 무료 투명 배경 이미지 만들기  (2) 2019.01.31
[포토샵] Adobe Photoshop 7 투명 배경 이미지 만들기  (1) 2019.01.30
[꿈해몽 모음] 돼지 관련 재물 횡재 복권 꿈 해몽  (0) 2019.01.28

1···181920212223

+ Recent posts

티스토리툴바