세줄코딩

stackedit ( 마크다운 에디터 ) 마크다운 에디터를 찾고 있었는데 오호 이거 물건이닷~~~flybook 을 애용하고 있었는데 커스텀 하기가 쪼금 애매해서 내가 직접 만들까도 생각했지만.....귀차니즘....ㅠㅠ 그런데 stackedit 라는 것을 발견 오호 꽤 괜찮다... html 생성도 해준다... 자주 애용할 듯 하다... https://stackedit.io/editor 마크다운 튜토리얼 참고https://bitbucket.org/tutorials/markdowndemo

FOUC(Flash Of Unstyled Content)는 외부의 CSS가 불러오기 전에 잠시 스타일이 적용되지 않은 웹 페이지가 나타나는 현상이다. 이 현상은 스타일이 적용되지 않은 웹 페이지가 스타일이 적용된 웹 페이지로 변화하는 것이다. 웹 브라우저가 웹 페이지에 스타일 정의를 부르고 적용할 때 보여지는 부분을 최대한 빨리 수정하지만, 이 변화는 짧지 않은 시간 동안 나타나므로 사용자는 페이지에 오류가 있다는 생각을 하게된다. "FOUC는 CSS와 HTML의 버전 변화와는 관계가 없으며, 이것은 브라우저의 문제로 보인다." 하지만 이 문제는 브라우저에서 큰 문제가 아닌 것으로 보이는데, 브라우저 내에 프로그램된 우선 사항들이 페이지를 보여줄 때 아래와 같은 방식으로 처리하기 때문이다.브라우저는 웹 ..

크로스 브라우징 window.width / window.heightfunction getWindowWidth() { return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; } function getWindowHeight() { return window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; } Element height 1. dom scriptElement.offsetHeight - 엘리먼트 높이값+padding-top+padding-bottom+border-top+border-bo..

Nodemailer - https://nodemailer.com/about/ Node.js 에서 메일을 쉽게 보내주게하는 모듈이다. 1. 메일 서버 이용- 편의상 구글 계정으로 메일 서버로 고고 - 보통 계정당 500 명에게 보낼 수 있다 했는데 200명 정도가 max인듯 - 메일 서버로 사용할 구글 계정을 생성 했다면 아래 주소로 들어가 보안수준이 낮은앱 > '사용함' 으로 설정해야 테스트 메일을 받아볼 수 있다. https://myaccount.google.com/lesssecureapps?pli=1 2. 관련 모듈 설치npm install nodemailer nodemailer-smtp-pool --save3. mailer.js var nodemailer = require('nodemailer');..

화면에 100%로 채우기 css.target{ max-width:none; max-height: 100%; min-width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translateX(-50%) translateY(-50%); /* 만약에 다른곳에서 상속되어 width/height가 설정된다면 아래처럼 덮어씌우자. width:auto; height:auto; */ } /*16:9의 비율로 와이드 화면이 된다면 아래처럼 미디어쿼리로 값변경*/ @media (min-aspect-ratio: 16/9){ .target{max-height: ..

request https://www.npmjs.com/package/request simple to use var request = require('request'); request('http://www.google.com', function (error, response, body) { // Print the error if one occurred console.log('error:', error); // Print the response status code if a response was received console.log('statusCode:', response && response.statusCode); // Print the HTML for the Google homepage. consol..

node-rest-client https://www.npmjs.com/package/node-rest-client Simple HTTP GET//node-rest-client호출 var Client = require('node-rest-client').Client; var client = new Client(); //1. 등록없이 바로 사용 client.get("http://remote.site/rest/xml/method", function (data, response) { // parsed response body as js object console.log(data); // raw response console.log(response); }); //2. 사용자 메소드 등록 후 호출하여 사용 clie..

flybook 공식 사이트 : https://flybook.js.org/ 음 마크다운 형식의 문서를 웹문서로 변환해 주는 것 같은데....아직 더 파악해야 할듯... 아주 고마운 분이시다~~~마크다운으로 이렇게 자동 문서화를 해주시니~ ㅎㅎ flybook 설치 ( nodejs 설치 안되어 있다면 설치해야 한다. )npm install flybook --save-devmarkdown 파일을 만들 폴더 생성 ( 아래는 예제 ) - my-app이란 프로젝트에 docs 폴더 생성( readme.md 는 초기 화면 index성격을 띄기 때문에 반드시 필요한 파일이다. )- advanced.md / basic.md 는 그냥 예제 파일이다. 이름은 사용자 맘대로~docs |____advanced.md |____bas..