melius

1. Firebase 클라우드 함수(Cloud Functions) 사용하기 https://firebase.google.com/docs/functions/get-started * 참고: Firebase 호스팅 시작하기 1) 프로젝트 초기화 $ firebase init functions 2) index.js 파일 수정 생성된 functions 폴더의 index.js 파일을 수정한다. const functions = require('firebase-functions'); exports.functionName = functions.https.onRequest((req, res) => { let text = req.query.text; res.send(`firebase msg: ${text}`); }); * Fi..

https://handlebarsjs.com/ 1. HTML 파일내에서 사용하기 HTML 파일내에서 Handlebars 템플릿 양식을 생성하려면 아래와 같이 script 태그를 이용하여 생성하면된다. 템플릿 식별을 위하여 id 속성을 사용한다. 2. 외부 템플릿 파일(hbs)로 사용하기 템플릿 양식을 HTML 파일내에서 생성하지 않고 외부의 Handlebars(hbs) 파일을 생성할 수도 있다. {{!-- template.hbs --}} {{key1}} {{key2}} 생성한 템플릿은 파일은 아래와 같이 ajax를 이용하여 접근할 수 있다. let template_file = "./hbs/template.hbs"; $.ajax(template_file).done(function (template_html..

1. vh 단위 CSS의 vh 단위는 Viewport의 높이값을 기준으로 1%의 높이를 나타낸다. margin-top이나 margin-bottom의 % 단위의 기준은 상위요소의 높이가 아니라 너비이므로 상위요소의 높이를 기준으로 설계시에 vh 단위가 유용하다. 2. 가상 키보드 모바일 디바이스의 경우에는 문자입력시 가상 키보드가 나타나는데, 가상키보드는 뷰포트의 사이즈를 줄이므로 vh 단위를 사용한 경우에 원치 않는 레이아웃이 나타날 수 있다. 3. 모바일 브라우저에서의 해법 가상 키보드에 의해서 뷰포트가 줄어 드는것을 방지하기 위해서 meta 태그에 뷰포트 설정값을 고정값으로 세팅하면 된다. 4. Cordova에서의 해법 Cordova는 meta 태그에 뷰포트 설정값을 인식하지 못하므로, vh 단위를 ..