라벨이 web인 게시물 표시

Multi Trend in AX(HX view)

이미지
개요 고객이 실시간 멀티 트렌드를 요청했다. 그러나 시스템은 AX 버전이므로 기능을 지원하지 않았다. 그래서 다른 방법을 생각했다. "내가 만든 HTML과 함께 HX를 사용하는 것은 어떻습니까?" 아주 일시적인 해결책이나 너무 간단하다 1) 스테이션에서 HTML 파일을 만들었습니다. 2) HTML 파일에서 이 코드를 따르십시오. Source code <html> <head> <title> </title> <script type="text/javascript"> <!-- document.write(getTimeStamp() + '<br />'); function getTimeStamp() { var d = new Date(); var s = leadingZeros(d.getFullYear(), 4) + '년' + leadingZeros(d.getMonth() + 1, 2) + '월' + leadingZeros(d.getDate(), 2) + '일 ' + leadingZeros(d.getHours(), 2) + '시' + leadingZeros(d.getMinutes(), 2) + '분' + leadingZeros(d.getSeconds(), 2)+ '초'; return s; } function leadingZeros(n, digits) { var zero = ''; n = n.toString(); if (n.length < digits) { for (i = 0; i < digits - n.length; i++) zero += '0'; } return zero + n; } //--> </script...

how to delete c.robotcapatch.info Malware in Chrome Browser

이미지
개요 How to delete "c.robotcapatch.info"  malware in Chrome Browser (멜웨어 삭제 방법) How to infected malware (멜웨어 감염 경로) 몇일 전. 아래와같은 화면이 떳고 호기심에 수락을 누른탓에 멜웨어에 감염되었다. 해당 멜웨어에 감염된 증상으로 우측 하단에 지속적으로 알림광고메시지가 팝업되었다. 몹시 귀찮고 보기싫은 상황.... 네이버에 검색해보니 해당 멜웨어에대한 정보는 나오지 않는 상태였고  구글링의 결과로 여러 사이트들을 관찰한결과 짜고치는 고스돕같은 느낌을 받았다.  어디까지나 본인의 생각이겠지만.. 바이러스를 배포하고, 공식 사이트에서는 치료를 위한  툴을 제공하는 느낌을 받았다.  방법또한 매우 친절하고 자세히 나와있지만 대부분 하나의 프로그램으로 귀결되었다.  WiperSoft-installer.exe를 다운받게 하고 해당 프로그램을 이용하여 검색을하면 여러가지 멜웨어들이 검색된다. 치료를 위해서는 돈을 지불해야하는 툴이다.  비용을 지불하는것은 나쁘지 않겠지만.. 알수없는 찜찜함을 느껴서 국산툴을 이용하기로했다. Introduce perfectly tool. (Malware Zero Kit) We can download tool below this site. https://malzero.xyz/ 위 사이트를 이용하여 MalwareZero kit, tool을 다운 받는다.  해당 툴을 처음 만난건 약 7년쯤 된것같다. 이런저런 네임밸류가있는 V3, AlYac, Averest, Nortun 등... 많은 툴들을 써서도 치유되지않는 멜웨어 바이러스에 좌절하다가 마지막으로 만난 툴이다. 심플하고 라이트한느낌. 기름기 쫙뺀 성능좋은 툴이라고 소개하고싶다.  해당 툴을 돌리고 약 10여분 검사시간...

Full Screen Service at Browser (Feat. Niagara N4 Browser)

이미지
개요 Chrome을 이용하여 풀스크린 서비스 하기 브라우저별 풀스크린  모든 브라우저 공통 단축키 (F11) 크롬, IE11, MS Edge, Firefox, Opera 브라우저는 F11키를 이용하여 전체화면을 활성화 할 수 있다. 대부분의 브라우저에서 "보기" 메뉴를 이용하면 "전체화면" 명령을 이용할 수 있을것이다. 크롬 브라우저의 자동 풀 스크린 크롬브라우저는 실행과 동시에 풀 스크린으로 동작할 수 있다.  방법은 아래와같다.  "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" -kiosk http://url 단축아이콘에서 위와같이 실행하면 시작과동시에 풀스크린으로 열리게된다. 기타 브라우저의 자동 풀 스크린 Windows환경에서는 VBS를 이용하여 간단하게 기능을 구현할 수 있다.  본 내용에 대해서는 아래의 링크를 참고하자.  https://nfengineer.blogspot.com/2019/04/auto-log-in-to-website-using-vbs_69.html 위의 링크의 내용을 보고나면, 브라우저를 열고, F11키가 자동으로 눌러지게 하는 프로그램을 만들 수 있을것이다.

How to map lighting control at TextEditor in Niagara Framework at once.

이미지
개요 NiagaraWorkbench 를 이용하여 조명제어 프로그램을 제작시 가장 번거로운 작업은 "화면 맵핑"  이다. 릴레이 하나하나를 상태와 기동/정지로 나누어 도면과 일치하게끔 맵핑하고 배치해야한다. 타고난 눈을 갖고있는 사람이 아니라면 매우 고통스러운 시간일 것 이다. 심지어 몇천개의 포인트들을 맵핑해놨는데 모든 포인트명을 변경해야하는 상황이 온다면... 대부분의 엔지니어는 좌절감을 느낄것이다. Contents <조명 오브젝트들> <조명 오브젝트 한개가 갖고있는 속성들> 본론 및 목적  일일이 하나의 조명을 선택하여 네다섯가지의 프로퍼티스를 수정하는 작업은 상상만해도 끔찍하다. (해본사람은 더 잘알겠지만... 안해봐도 알았으면 한다..) 본문에서는 포인트명을 일괄로 변경해야할때. 특히나 까다로운 문자열들을 변경해야할 때 어떻게 해야하는지 알아본다. NiagaraWorkbench는 UI부분을 PX라는 파일을 이용하여 파싱하고 표현해준다. 위에서 보고있는 화면들은 PX 파일을 PX Editor(WYSIWYG EDITOR)로 수정하는 화면이다. PX파일은 Presentation XML파일로 notepad로 열어보면 XML형식의 파일임을 확인할 수 있다. <Presentation XML  : PX file> 목적 : 문자열 변경  Drivers/ModbusTcpNetwork/Light1/1_01_ -> Drivers/ModbusTcpNetwork/Light1/DO/R01_01 Drivers/ModbusTcpNetwork/Light1/1_02_ -> Drivers/ModbusTcpNetwork/Light1/DO/R01_01                               ...

Auto Log in to website using VBS

이미지
개요 웹에 자동으로 로그인하는 프로그램은 사실 위험하다는 생각이다. 하지만 단순히 로컬 인트라넷에서 운영되어지는 몇몇 웹 페이지는 자동로그인이 필요할때가 있다. 개인적으로는 직접 ID와 PW를 치고 들어가는것을 추천하지만 그렇지 않은 사람들이 생각보다 많다. Contents <최종실행화면> 본론 기타 여건들을 배재하고 무조건 자동 로그인이 필요한 경우가 있다. 이러한 경우에 사용할 수 있는 방법에 대해 알아본다. How to automatically log in to web site. 어떻게 해야 자동으로 로그인을 할 수 있을까 여러가지 방법이 있다. 1. wget과같은 프로그램을 이용하여 서버에ID/PW값을 넘겨준다. 2. 키보드가 자동 타이핑되도록하여 ID타이핑,TAB,PW타이핑,Enter타이핑 순서로 SEND 3. JavaScript를 이용하여 ID/PW 필드를 채운 후 action이 되도록 한다. 4. etc.. 기타등등 무궁무진하다. 제작할 프로그램의 기능정리 여러가지 방법들이 있겠지만 내게 필요한 기능을 정리하면 아래와같았다. 1. 바탕화면에서 바로가기를 더블클릭한다. 2. 브라우저가 실행되며 자동으로 로그인이 된다. 3. 로그인 후 볼 수 있는 페이지를 서비스 받는다. VBS란? 위와같은 프로그램을 만들기위해 VBS 를 이용하기로 하였다. Microsoft Visual Basic Scripting Edition (Visual Basic Script) 마이크로소프트에서 제공하는 스크립트 언어이며 bat 비슷하게 사용 가능. bat 파일이 CommandLine 환경이라면 VBS는 좀더 GUI를 컨트롤 할 수 있는 환경제공. Windows는 기본적으로 VBS 실행 환경을 탑재 . VBS는 정상적인 목적을 갖고 있다면 매우 유용할 수 있지만 좋지못한 의도로 사용자의PC를 점거할 수 있으며 내 의지와 다른 무언가를 실행할 수 있는 강력한(?) 언어다. 내가만든 VB...

HTML, CSS 기본교육

본 글은 자주 사용되는 HTML구성요소에 대한 설명이다. 사실 본인이 봐도 두서가 없다. 하지만 요소 하나하나가 누군가에겐 도움이 될 수 있다는 전제하에 포스팅을 한다. HTML은 태그의 집합이고 본문에서는 태그의 종류를 다룬다. 필요한것 하나둘 알다보면 앞뒤 순서가좀 다를 수는 있어도.. 어느샌가 알게되리라... title 요소 title요소는 문서의 제목이나 이름을 나타냅니다. 안에는 텍스트만 넣을 수 있으며, 문서 내에 한 번만 사용된다. 예) <title> 제목 </title> 이 title 요소의 내용은 브라우저 창 제목이나 페이지 탭에 나타나게 되며, 검색엔진에서는 검색된 페이지의 이름으로 나타난다. title의 제목은 페이지의 제목을 명료하게 적어주는것이 좋다. meta 요소 head에서 메타정보를 담은 meta 요소이다. 메타태그는 스스로 닫는 태그이기 때문에 아래와 같이 작성된다, 또한 속성값으로 정보를 나타낸다. 예) <meta 속성="속성값" /> 메타에서 담을 수 있는 종류는 여러 종류가 있으며, 페이스북이나 트위터 등에서 요구하는 임의의 메타정보들도 있다. 그중 몇가지를 살펴보도록 하자! 예) <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 위의 메타는 현제 페이지의 인코딩에 관한 정보를 담고 있습니다. 저 메타는 현재 페이지의 인코딩이 utf-8 방식으로 작성이 되었다는 뜻으로, 브라우저가 이 메타를 읽고 글자를 올바르게 랜더링 합니다. 국내에서는 보통'utf-8'과 'euc-kr'을 많이 사용하고 있으며, 새로운 서비스를 구착한다면 다른 언어에서도 볼 수 있는 'utf-8'을 권장합니다. 예)<meta name="Description" content="소개 내용"/> 위의 메타...

구글 블로그 에드센스 등록완료! 에드센스의 조건은!?

이미지
개요 자축하는 의미의 글을 올린다. 드디어 구글블로거의 애드센스 버튼이 활성화 되었다. 내가 딱히 취한 액션은 없었다. 무엇이 가입조건을 만족시켰는지 분석하고 싶었지만... 구글 블로거의 생성일을 알아보다가 포기. 혹시모를 다른 사람들을 위하여 내가 승인된 시점의 데이타를 올려보고자 한다. 위의 이미지들을 보면 알것이다.  내가 말하고싶은것이 무엇인지.. 나의 에드센스 가입은 총 24개의 게시글과 401회의 페이지뷰가 발생한 시점에서 승인 되었다.  글 : 24개 페이지뷰 : 401 페이지뷰는 내가 글을 에디팅하거나 페이지의 디자인을 변경하며 보게된 횟수도 포함되어 있다.  블로그는 약 한달정도 한것같다.  여기서 확인해보고싶은것은 내가 구글 블로그를 언제 생성해놓았느냐이다.  그런데 확인방법을 모르겠다.  분명 과거 언젠가 내가 생성해 놓은 블로그 일텐데... 블로그 생성일 확인하는 법을 찾지 못하였다.  무튼.. 그러하다.  컨텐츠 부족의 범위에 24개의 글은 포함되지 않는다는것. 블로그를 생성한지 6개월이 지나야한다??? 이부분은 추후 확인해보아야한다.  참조 내용 : 링크 

HTML Import to HTML use DOM

이미지
개요 DOM 을 이용하여 무엇을 할 수 있을까?  나는 서버사이드 언어를 사용하지 않고 HTML을 병합 하고싶다. HTML과 CSS를 이용하여 메뉴를 구성 하였고 이러한 메뉴는 모든 HTML파일에  수기로 추가해야하는 번거로움, 수정의 번거로움, 관리의 번거로움!!! 이를 해결하기 위하여 서버사이드 랭귀지 처럼 Import를 할 수는 없을까! 에 대한  솔루션을 제공한다.  Contents 파일구성 index.html   ....... index10.html menu.html loadMenu.js menu.css <파일간 구성 개념도1> ? ? <파일간 구성 개념도2> ? ? 구현설명 1. index.html 및 메뉴가 나와야하는 모든 파일 menu.html 을 임포트 한다.  loadMenu.js를 참조한다.  loadMenu.js의 함수인 loadMenu()를 호출한다. 2. menu.html menu.css를 참조한다.  menu.css는 menu.html과 연동되어 메뉴를 프리젠테이션 하는 역활을 한다.  div태그와 class를 이용하며 메뉴를 만든다.  위의 1번과 2번을 만족하면 HTML, JAVASCRIPT , CSS 만으로 메뉴구성 및 효율적 관리를 위한 분리가 가능하다.  풀 소스는 아래와 같다.  ---------------------------------------------------------------------- index.html ---------------------------------------------------------------------- <!DOCTYPE html> <html> <meta charset="utf-8"...

DOM API를 이용한 HTML IMPORT

이미지
개요 Contents What is DOM?  - Document Object Model(문서 객체 모델)  - 구조화된 문서를 표현하기위한 형식, W3C 표준  - DOM은 동적으로 문서의 내용,구조, 스타일에 접근, 변경하는 수단/역활  - DOM 을 지원하는 프로그래밍 언어를 이용하여 접근/활용이 가능하다.     (ex : Javascript, VBScript, Perl, VB, JAVA, C++, etc...) < Example DOM TREE > ? ?                                                                              < DOM Attributes> childNodes 현재 노드의 자식 노드를 배열로 반환 firstChild 현재 노드의 첫번째 자식 노드를 참조 lastChild 현재 노드의 마지막 자식 노드를 참조 nextSibling 현재 노드의 바로 다음 노드를 반환 nodeName 노드의 qualified name 반환 nodeType 노드의 XML DOM노드 형식을 지정 nodeValue 해당 노드의 값을 참조 ownerDocument 해당 노드를 포함하는 루트 엘레멘트를 반환 parentNode 해당 노드의 부모 노드를 반환 previousSibling 현재 노드 바로 앞에 오는 노드를 반환 xml 현재 노드와 자식 노드의 XML을 문자열로 반환(IE On...

CSS관련 사이트 모음

개요 CSS, JavaScript, SVG등등의 샘플 페이지 http://css-LOUNGE.com/GALLERY http://9elements.com/io/projects/html5/canvas/ http://www.theez.com/blog/google/20131108_rorschach.html http://codinginparadise.org/projects/svgweb/samples 참조 내용 : 링크 

HTML5 교육과정

이미지
개요 교육목표  HTML5 시맨틱 태그이용한 정보설계 CSS3 스타일 속성을 활용한 정보설계 HTML5 캔버스를이용한2D그래픽 HTML5 멀티미디어 연결 및 작성 HTML5 css 미디어쿼리작성 HTML5 반응형 웹 화면 설계 및 작성 HTML5 반응형 웹 프로젝트 작성 HTML5부터 생긴 태그와 예시 소스 <!DOCTYPE html> //html5임을 나타낸다.  <html> <head> <base herf="http://www.naver.com"> <meta charset = "utf-8"> <title> insert title here </title> </head> <body> <header> header </header> <nav>nav </nav> <section> <article>article 1</article> <article>article 2</article> <article>article 3</article> </section> <footer>footer</footer> </body> </html> ATTRIBUTE 대부분의 속성에는 ClassName과 ID를 줄 수 있는데 ClassName은 중복되어도 상관 없지만 ID는 유니크 해야한다.  HTML5 콘텐츠 모델 종류 <!DOCTYPE html> //html5임을 나타낸다.  <html> <head> <base herf="http://www.naver.com"> <meta charset = "utf-8"> <title> insert title here </t...