VoidNoble IT Zone

대개의 인터넷 글들에서 Firestore 규칙 설정을 아래의 allow로 시작하는 줄과 같이 하라고 함. rules_version = '2'; service cloud.firestore { match /databases/{database}/documents { match /{document=**} { allow read, write: if true; } } } 위와 같이 전체에 그냥 허용하면 아래와 같은 보안 규칙 경고 메일을 계속 받게 됨. 해당 문제에 대한 대응으로 구글링에서 답해주는 코드 예시 중 간단한 예시로 allow 줄을 수정했음. rules_version = '2'; service cloud.firestore { match /databases/{database}/documents { matc..

관련글: Mqtt broker - Kafka - ELK 스택 셋팅 WebSocket Chart scratch

IIFE 는 즉시 실행 함수절차적으로 실행되어야 하는 흐름 구현 원할때 비동기 구문을 IIFE 안에 넣고 실행하는 꼼수 let a = "에이"; (() => { // 비동기 메서드 })(); 아래와 같이 완전 간단한 형태도 가능 let a = "에이"; { // 비동기 메서드 } 외부에 선언한 a 변수의 scope 은 클로저 특징에따라 블럭 내에 공유됨 즉, a 를 블럭 내부에서 write(a) 해보면 "에이" 값이 찍힘

환경준비 npm list -g babel 에서 리스트 뜨면 upgrade 만 실행, 리스트 안뜨면 설치 npm install -g babel npm list -g babel-node 에서 리스트 뜨면 upgrade 만 실행, 리스트 안뜨면 설치 npm install -g babel-node 실행 babel-node app.js Error: Cannot find module ... 발생시 import 문의 경로 확인 본인의 경우엔 따라하기에 나온대로 import * as math from "lib/math"; 로 했더니 위 오류 발생하여 import * as math from "./lib/math"; 로 경로부분 수정했더니 오류 발생하지 않음. ReferenceError: alert is not defin..

언론사 웹사이트는 포털에서 넘어온 뒤 글 detail 페이지만 보고 간다. 뒤로가기를 하면 이전 경로인 포털로 다시 돌아가는게 정상이지만 사이트 메인을 강제로 거치도록 해달라는 요청이 들어왔다.

POSTMESSAGE를 이용한 크로스도메인간 IFRAME 리사이징 [새창] 코드Iframe-resizer [새창]한글 설명

IE 최신버젼인 IE11을 사용하는 client로부터 화면이 멈춘다는 claim 건을 받고 IE11 내장 개발자도구를 통하여 디버깅 추적해봤더니 아래와 같은 오류가 발생하고 있었다.Error : $이(가) 정의되지 않았습니다.해당 issue는 기존의 다른 client로부터는 claim되지 않았던 것이었다.일단은 chrome 설치 후 이용하도록 해드렸는데 자신은 무조건 IE를 써야한다는 분이어서 IE 다운그레이드를 통해 IE8을 쓰게하여 우회하여 사용하게했다.문제를 고찰해보고 IE의 iframe 접근에 관한 문제일까 싶어 구글링을 해봤더니나와 같이 해당 문제에 대해 깊은 빡침을 느끼는 분도 존재하였고 http://www.jquerykorea.pe.kr/bbs/board.php?bo_table=qna&wr_..

디렉티브(Directives) = 지시자

Waypoint일단 http://inkandspindle.com 사이트 접근 후 스크롤을 내리면서 보면 스크롤 위치에 따라 요소들을 컨트롤하고 있음을 알 수 있다.소스를 보니 class명에 공통적으로 js-waypoint가 있길래 해당 플러그인을 찾아보았더니jQuery Waypoints 홈페이지(http://imakewebthings.com/jquery-waypoints/)를 찾을 수 있었다.시작하기 페이지(http://imakewebthings.com/jquery-waypoints/#get-started)로 이동 후 스크롤을 내리며 보면 중앙 상단에 메세지 알림이 나타나는것을 볼 수 있다.응용하면 첫머리에 언급했던 사이트에 적용된 효과를 표현해 낼 수 있음을 확인할 수 있다. 다운로드 = https:/..

서버 코드로 실행되는 페이지라면 헤더에서 지정해주면 되겠고 클라이언트 코드로만 구성되어 실행되는 .htm 페이지라면 페이지 주소를 계속 바뀌어 보여주면 되는데 아래의 코드는jQuery를 통해서 need_always_update_page.htm 페이지 내용을 always_update에 로딩하는것인데Javascript 로 timestamp를 쿼리스트링으로 붙여주어 브라우저 캐시로 인한 비갱신을 해결하는 예제임 $("#always_update").load("need_always_update_page.htm?update="+ new Date().getTime());