new1cm

제가 궁금했던 부분은 스팀 지갑에 있는 금액과 카드를 같이 사용해서 구매한 게임은 어떤 형태로 환불될까 하는 것이었습니다. 이번에 구매한 게임을 가지고 확인 해 봤습니다. 52000원 정도의 게임을 지갑 11000 + 카드 41000 정도로 구매 했습니다. 보통 카드로 전부 구매한 게임은 환불할 때 스팀 지갑으로 환불 할 것인지, 카드로 환불할 것인지 물어봅니다. 스팀 지갑으로 환불을 하면 빠르게 처리되지만 현금화 할 수 없습니다. 카드로 환불을 하게 되면 제 경험상 한 달 정도 후에 금액이 들어옵니다. (저는 해외결제 체크 카드를 사용합니다.) 스팀 지갑에 있던 11000원은 이전에 다른 게임을 스팀 지갑으로 환불받은 금액 입니다. 이번에 확인한 게임은 환불 방식을 선택하는 부분에 다음과 같이 표시 됩니다. 결론은  '스팀 지갑에 들어간 금액은 이전에 환불 받은 금액이라도 카드로 환불 안된다'  입니다. 카드로 결제한 금액에 대해서만 환불 방식을 적용할 수 있습니다.

laravel에 CSRF 보호기능 이 있기 때문에 파일 업로드 요청과 같은 POST요청은 해더 값에 별도의 토큰이 있어야 합니다. 자바스크립트 파일 업로드 라이브러리  fine uploader 5 를 사용하려면 해더값에 토큰을 넣어야 합니다. 해더에는 `X-CSRF-TOKEN`이라는 이름으로 토큰이 들어가 있어야 합니다. fine uploader 5에 이 해더를 적용하기 위해서는 아래 코드와 같이 'request.customHeaders' 항목에 추가하면 됩니다. var uploader = new qq.FineUploader({ element: document.getElementById('uploader'), request: { endpoint: 'url', customHeaders: { 'X-CSRF-TOKEN': 'TOKEN' } } }); 토큰 사용할 때는 laravel의 view소스 meta 태그에 지정해 두고, 자바스크립트를 이용하여 읽어 옵니다. 아래 jQuery에서 사용하기 위한 설명이 있습니다. 여기서 CSRF 토큰을 가지고 오는 부분을 참고하면 됩니다. CSRF-TOKEN 설정

비주얼스튜디오 코드(VS Code)를 사용하여 HTML문서를 작성하게 되면 단축어로 빠르게 HTML을 생성하는 것을 볼 수 있습니다. 태그를 작성하다 보면 자동으로 적용되는 경우도 있어서 에디터의 기본 기능이라고 생각하는 분도 있을 것 같습니다. 이 기능은 에디터가 자기만 사용하기 위해 만든 기능이 아니라 `Emmet`라고 불리는 별도의  도구 를 사용하는 것입니다. (다른 에디터에서도 플러그인 형태로 설치해서 사용할 수 있습니다.) 공식 가이드의 단축어 시트 설명을 보면 좀 더 잘 활용할 수 있습니다. 공식 사이트 , 단축어 시트

Webpack으로 빌드한 최신 파일은 설정을 통해 내가 원하는 경로에 넣을 수 있습니다. 그렇게 사용하던 도중, 그 파일을 다시 복사해 다른 경로에도 배포해야 할 일이 생겼습니다. 검색 실력이 모자라서 그런건지 기본 설정으로 처리하는 방법은 찾지 못했습니다. 결국 Webpack의 플러그인과 추가 별도의 js 파일로 처리하게 되었습니다. 핵심은 빌드가 끝난 후, 자동으로 다음 작업을 하는 것입니다. 그래서 찾은 게  Webpack Shell Plugin  입니다. 이 플러그인을 사용하면 빌드 후에 간단한 커맨드 명령어를 실행할 수 있습니다. plugins: [ new WebpackShellPlugin({ onBuildEnd: ['node ' + path.resolve(__dirname, 'buildFileCopy.js')] }) ] Webpack의 plugins 설정에 빌드가 끝나면 별도로 만든 `buildFileCopy.js`파일을 nodejs로 실행하도록 했습니다. `buildFileCopy.js` 파일 안에는 저에게 필요한 간단한 파일 복사 기능을 만들어 두었습니다. const path = require('path'); const copy = require('copy'); const RESET = "\x1b[0m"; const FG_RED = "\x1b[31m"; const FG_GREEN = "\x1b[32m"; const src = path.resolve(__dirname, 'dist/*.js'); const dest = path.resolve(__dirname, 'docs/js'); copy(src, dest, (err) => { if (err) { console.log(FG_RED); console.log(...

자바스크립트로 직접 만든 QR 스캐너. [ QR 스캐너 ] 사용하기 위해서는 브라우저에서 카메라 접근을 허용해야 합니다. 데이터 값 앞에 `http://` 혹은 `https://` 가 붙은 URL 주소인 경우, 해당 페이지로 바로 이동합니다. 해당 페이지는 깃허브에서 제공하는 pages 서비스를 이용하고 있습니다. 소스는  깃허브 페이지 에서 보실 수 있습니다. QR 코드를 분석하는 라이브러리는 jsQR 을 사용합니다.

이 책은 빅데이터와 그것을 이용해 새로운 형태의 질문, 좀 더 정확한 답을 찾을 수 있다는 사실을 소개하고 있습니다. 책의 홍보 타이틀에는 "구글 트렌드로 밝혀낸 충격적인 인간의 욕망"이라고 써져 있어서 구글이라는 회사와 사람들이 말하지 않는 진실이 주된 내용일 것 같았는데 그건 아니었습니다. (흥미를 유도하는 소재로 사용된 듯 합니다.) 이 책에는 사람들이 입력하는 검색어는 그 어떤 설문지의 답변 보다 진실에 가깝다고 이야기 하고 있습니다. 기술의 발전으로 사람들의 생활 패턴(검색, SNS등등)이 쉽게 축적되고, 이 세상은, 그 방대한 데이터의 활용방안을 찾고 있다고 알려주고 있습니다.

 `DATA_NAME`형태의 값을 `dataName`로 변환하는 자바스크립트 let name = 'DATA_NAME'; name = name.toLowerCase().replace(/_[a-z]/g, function (str) { return str[1].toUpperCase(); }); console.log(name);  전체 값을 `str.toLowerCase()`를 사용해 소문자로 변환합니다.  `/_[a-z]/g' 정규표현식을 사용해 앞에 언더바가 붙은 소문자 알파벳을 찾습니다. 당연히 매칭되는 값은 `_n`같이 `_`로 시작하는 두 글자 문자열이 됩니다.  자바스크립트의 `str.replace('a', 'b')`는 두 번째 인자에는 교체될 문자열이나 함수를 넣을 수 있습니다. 두 번째 인자에 함수를 넣으면 매칭되는 대상을 첫 번째 인자로 받습니다. 그리고 이 함수가 반환한 값으로 대상을 교체하게 됩니다. 그렇기 때문에 정규표현식으로 감지되는 문자열에서 두 번째 값만 대문자로 변환하여 반환하면 원하는 형태를 얻을 수 있습니다.