webalizer를 보다보니..
이 태그는 재생이 끝나면 또 다시 서버에 요청해서 비디오를 다운로드 받아서 또 재생한다.
그냥 브라우저의 캐시에 저장된걸 다시 재생하는 줄 알았는데
트래픽 문제가 있거나 모바일일 경우에는 video loop에 대해서는 고민을 좀 해봐야 할 듯..
| javascript 배열 초기화(벤치마크) (0) | 2019.04.12 |
|---|---|
| js 난독화 (0) | 2019.03.14 |
| 자바 스크립트 다시 공부 - 이벤트 관련 (0) | 2019.02.28 |
| js import babel transpiler (0) | 2019.01.10 |
| js class extend (0) | 2019.01.10 |
비동기 promise
[링크 : https://engineering.huiseoul.com/자바스크립트는-어떻게-작동하는가-이벤트-루프와-비동기-프로그래밍...e]
[링크 : https://helloworldjavascript.net/pages/285-async.html]
변수 변경시 탐지하기
[링크 : https://www.zerocho.com/category/JavaScript/post/5a6578a3c994bd001ba0f9d9]
구버전의 object.observe (deprecated 라고)
[링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/observe]
ES2015 지원 getter / setter
[링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/get]
[링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/set]
| js 난독화 (0) | 2019.03.14 |
|---|---|
| HTML video 태그 loop 와 webalizer hit (0) | 2019.02.28 |
| js import babel transpiler (0) | 2019.01.10 |
| js class extend (0) | 2019.01.10 |
| img vertical-align (0) | 2018.12.28 |
많이 쓰는 에디터는 다 존재하는데
굳이 패키지 쓸 이유가 있나 싶다.. 걍 CDN에서 받아 쓰는게 나을텐데..
| ckeditor 와 php, node.js 연동 (0) | 2019.03.11 |
|---|---|
| floala 에디터 + node.js (0) | 2019.03.08 |
| node.js 파비콘 설정하기 (0) | 2019.02.22 |
| node.js apache 스타일 로그 (0) | 2019.02.22 |
| express ejs (0) | 2019.02.20 |
찾아보니 이상한(?) 모듈들 쓰는데
걍 귀찮아서 express 템플릿으로 만들었을 경우
/public/favicon.ico 넣어주면 끝
(크롬이나 edge 브라우저에서 테스트 완료)
[링크 : https://zinlee.tistory.com/entry/nodejs에서-파비콘favicon-설정-방법]
| floala 에디터 + node.js (0) | 2019.03.08 |
|---|---|
| wysiwyg editor / node.js (0) | 2019.02.26 |
| node.js apache 스타일 로그 (0) | 2019.02.22 |
| express ejs (0) | 2019.02.20 |
| pug include / ejs include (0) | 2019.02.20 |
이것저것 찾다가 그냥 express 엔진에서 제공하는거 있길래
그걸 변형해서 사용함
github에서는 morgan 이라는 이름으로 쓰는데
express --ejs로 생성한 템플릿에 적용하려니 logger라는 이름으로 있어서 그걸 사용하여 추가함
(당연히?) 해당 프로젝트의 /log 디렉토리를 생성하여 주어야 한다.
(파일은 자동 생성됨)
[링크 : https://github.com/expressjs/morgan]
+
[링크 : https://www.npmjs.com/package/access-log]
[링크 : https://www.npmjs.com/package/apache-log2]
+
2019.02.23
일단은 webalizer를 통해서 정상적으로 로그 수집이 되는 것을 확인했음
| wysiwyg editor / node.js (0) | 2019.02.26 |
|---|---|
| node.js 파비콘 설정하기 (0) | 2019.02.22 |
| express ejs (0) | 2019.02.20 |
| pug include / ejs include (0) | 2019.02.20 |
| node_modules include (0) | 2019.01.29 |
css나 js등을 전송하다 보면 아무래도 작은 파일들로 나눠어서 효율이 떨어지는데
그런걸 하나로 묶어서 보내주도록 빌드(?)하는 그런 도우미 프로그램
[링크 : https://webpack.js.org/]
쓰는 법은 나중에 좀 봐야겠네..
그래서 요즘 웹 페이지들이 node.js 나 javascript 기반이라도 빌드를 하는 거였나?
| ECDHE? (0) | 2019.04.26 |
|---|---|
| css position (0) | 2019.03.28 |
| ajax bearer token header (0) | 2019.02.07 |
| webGL vs SVG (0) | 2019.01.07 |
| w3c validator (0) | 2018.12.10 |
react.js로 node.js 상관없이(?) 단독으로 프로젝트 생성해서 하는걸 보다가
node.js 로 생성된 프로젝트에 react.js를 추가하는걸 찾는 중
[링크 : https://github.com/velopert/react-express-hmr-example?files=1]
[링크 : https://velopert.com/1552]
(당연하지만) react 쪽은 javascript로 작성하고
node쪽에서는 단순히 react로 의해 생성되는 bundle.js를 script를 통해 불러오면 끝
react.js는 backend와 연결이 없는 단순 frontend 뷰 엔진이다 보니
그런식으로 구현이 가능 한 듯 하다.
| react.js + bootstrap? (0) | 2019.02.10 |
|---|---|
| react store / flux pattern (0) | 2019.02.01 |
| react.js context, component thru (0) | 2019.02.01 |
| react import {} (0) | 2019.01.31 |
| react html to jsx (0) | 2019.01.29 |
express 엔진의 기본값으로 보이는 ejs는 왜 도움말이 없냐..
문법들좀 보려고 하는데 도움을 안주네
그러고 보니. pug도 새로운(?) 문법으로 보였는데
ejs는 html과 동일하지만 실제로는 렌더링 언어였던 거니까
결국에는 pug 보다는 성능이 좀 나을지 몰라도 여전히 static page로 간주하진 않는다고 봐야하려나?
| node.js 파비콘 설정하기 (0) | 2019.02.22 |
|---|---|
| node.js apache 스타일 로그 (0) | 2019.02.22 |
| pug include / ejs include (0) | 2019.02.20 |
| node_modules include (0) | 2019.01.29 |
| npm npx yarn bower (0) | 2019.01.28 |
pug대신 ejs를 써보는데
문득 무슨차이가 있나 궁금해지네..
둘다 include는 지원한다. 정도만 확인인가.. ㅠㅠ
[링크 : https://pugjs.org/language/includes.html]
[링크 : https://stackoverflow.com/questions/5404830/node-js-ejs-including-a-partial]
| node.js apache 스타일 로그 (0) | 2019.02.22 |
|---|---|
| express ejs (0) | 2019.02.20 |
| node_modules include (0) | 2019.01.29 |
| npm npx yarn bower (0) | 2019.01.28 |
| node-red rpi 접속 (0) | 2018.12.20 |
아래와 같은 에러가 발생을 하면서 ie로 확인하면 안되는 경우
SCRIPT5022: 예외가 발생했지만 catch할 수 없습니다. polyfills.-------------.bundle.js (1,57771) |
요렇게 하면 된다더라.. (라고 발빼기)
src\polyfills.ts : /** IE9, IE10 and IE11 requires all of the following polyfills. **/ import 'core-js/es6/symbol'; import 'core-js/es6/object'; import 'core-js/es6/function'; import 'core-js/es6/parse-int'; import 'core-js/es6/parse-float'; import 'core-js/es6/number'; import 'core-js/es6/math'; import 'core-js/es6/string'; import 'core-js/es6/date'; import 'core-js/es6/array'; import 'core-js/es6/regexp'; import 'core-js/es6/map'; import 'core-js/es6/set'; |
[링크 : https://stackoverflow.com/questions/45353619/angular4-application-running-issues-in-ie11]
링크에 의하면 기본값으로 IE9~IE11 호환을 하지 않도록 되어 있어서 발생하는 것으로 추측된다.
| angular 빌드 최적화(?) (0) | 2019.03.18 |
|---|---|
| angular with reverse proxy (0) | 2019.03.18 |
| angular proxy (0) | 2018.11.02 |
| vscode 및 angular.js 셋팅.. (0) | 2018.08.08 |
|
