본문 바로가기

HTML/CSS

(15)
electron-vue 에서 sass 전역변수 사용하기 공식 Document 에서는 아래와 같이 하라고 하는데, 필자 환경에서는 작동하지 않는다. * .electron-vue/webpack.renderer.config.js 의 vue-loader 수정 loaders: { sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax=1&data=@import "./src/renderer/globals"', scss: 'vue-style-loader!css-loader!sass-loader?data=@import "./src/renderer/globals";' } 무엇이 문제인지는 본질적으로 확인하지 못했다. 해결을 위해 직접 SASS 의 Loader를 아래와 같이 수정해주면 된다. { test: /\.scss$..
Flat UI Color - Metro, Flat UI 대표 색상 쉽게 가져오기 대충 이런사이트다. Flat UI Color에 자주사용하는 색들을 간단하게 복사해올 수 있다. 상단에 위치한 "Choose Format"버튼으로, 복사하려는 형식(#xxxxx, RGB(r,g,b) ..등등) 선택할 수 잇으며, 간단하게 색을 클릭하면 복사가 된다. http://flatuicolors.com/
[XE] 작성 글, 댓글 수 출력하기. 일단 Document 모듈에 원하는 내용을 처리하는 DB쿼리 xml을 넣어주셔야합니다. getMemberDocumentCount.xml (작성 글 수) getMemberCommentCount.xml (작성 댓글 수) 위 와같은 XML파일들을 modules/document/queries 에 넣어주시고, 원하는 애드온/모듈/위젯에서 아래와같이 사용하시면 됩니다. {@ $obj->member_srl = $member_info->member_srl; $output_document_count = executeQuery("document.getMemberDocumentCount",$obj); $output_comment_count = executeQuery("document.getMemberCommentCount"..
무작위? 지정? IP를 통한 ZmEu의 취약점 공격 제 서버에 어느날 아래와 같은 에러로그가 발생했었습니다.w00tw00t.at.blackhats.romanian.anti-sec:)" failed (2: 지정된 파일을 찾을 수 없습니다), client: 208.109.xxx.xxxx, server: -, request: "GET /w00tw00t.at.blackhats.romanian.anti-sec:) HTTP/1.1" 확인해보니 해당 아이피로, 각종 폴더 파일이 존재하는지 확인했습니다. phpmyadmin 버전별 폴더, web, sql 등등 여러 패턴으로 취약점을 찾습니다. 바로 ZmEu라는 서버 스캐닝 툴입니다. 제한하는 방법은 많이 알려진방법으로 IP를 차단 후, 다른 php로 redirect.두번째로는 rewrite url기능을 사용해, phpm..
웹에서 POST, GET 테스트 http://www.hurl.it/ 간단하게 웹 상에서 POST, GET을 보내거나 테스트할 수 있는 페이지입니다. 다소 느린게 흠이지만, 심플하면서 필요한 옵션을 설정할 수 있으며, UTF-8 인코딩도 지원하여, 한글처리에도 유용합니다. 보통 HTTP GET, POST를 실험, 테스트 하려면 별도의 툴이 필요하거나 개발자 직접만들어 불편한게 사라져 좋습니다.
bitdefender에 devflow가 위험 사이트 감지? (이따구로 할꺼여?) 이게 무슨 상황인가. bitdefender를 사용하다보면 브라우저 보호를 통해 일부 사이트를 막아주긴합니다. 그런데 왜 저의 블로그가 이렇게 Malware가 있다고 나왔을까요.. 해결책을 찾아보고 있기는한데.. ㅠㅠㅠ 해결해봅시다. 의심가는건 jQuery와, Tistroy의 기본적인 "더러운"(표준을 지키지도 않고 지멋대로 추가하는 스크립트)로 용의자로 생각되는데..
Windows에서 nginx 를 사용하기 - NGXMP 윈도우에서 Nginx를 사용하기위해서 가장 편리한방법은 NGXMP를 사용하는겁니다! NGXMP는 서버를 간단하게 구축할 수 있는 패캐지(?)라고 생각하시면 됩니다. 구성은 nginx, Php, Mysql 등등 으로 되어있으며 기본적으로 myphpadmin도 포함되어있고 또 하나의 장점은, 설치와 서버 가동하는 법이 레지스트리를 건들지 않기때문에, 포터블로 간단하게 같은 DB, FILE로 여러 컴퓨터에서도 가동할 수 있습니다. 물론 윈도우에서 nginx는 리눅스계열에서보다 작동 퍼포먼스가 좋지 않다는게 증명됬지만, 리눅스만 보고 달려? 볼 순 없으니 윈도우세서도 설치해봅니다. 간단한 소개로, 제작하신 토토루님이 첨부한 readme.txt를 인용합니다. NGXMP는 윈도우 환경에서 간단히 서버를 운영할 수 ..
CSS3 관련 좋은 예제 사이트 codrops라는 사이트이다. 굉장히 많은 예제가 있으며, 각 예제들에게서 엄청난 .. 매력 느껴진다. http://tympanus.net/Development/FullscreenImage3DEffect/ 포스트 : http://tympanus.net/codrops/2011/10/31/fullscreen-image-3d-effect/ 처럼 JQuery와 CSS3이용한 예제도 많으며, 정말 유용한 사이트이다. 각 효과 듀토리얼도 있으며, 소스코드도 다운로드 해볼 수 있다. 정말 유용한 사이트이니 꼭 방분하는것을 추천. http://tympanus.net/codrops/