개발노트

기본적인 flux, redux 개념을 알고 있다는 가정하에 예제를 사용하여 설명한다(이것은 본인이 공부한 내용의 이해를 돕기위해 작성되었다.) 먼저 Action, Reducer 를 각각의 파일로 나눠서 관리하겠다. 1. actions.jsexport const RANDOM_STRING = 'RANDOM_STRING'; export function generateRandomString(size) { const _genRandomString = (size) => { let text = ''; const table = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; for(let i = 0 ; i < size; i++){ text += ta..

MEAN이 뭘 의미하는지는 안다는 가정하에 설치 및 세팅에 대한 설명을 생략하고 바로 코드로 들어가겠다. TODO File Structure-- public------ core.js------ index.html -- controllers------ todos.controller.js -- models------ todos.js -- server.js-- routers.js 1. package.json을 작성해준 다음, npm install을 해주자{ "name": "Todo", "version": "0.0.0", "description": "MEAN STACK MVC MODEL TODO SINGLE PAGE APP", "author": "leibniz55", "dependencies": { "body-..

나는 콜백함수의 정의를 포괄적인 의미에서 보면 아래와 같다고 생각한다."함수의 정의는 내가 했지만, 호출은 내가 하지 않는 함수, 누군가로 부터 호출당하는 함수가 콜백 함수다."뭐 찾아보면, 옵저버패턴으로 부터 나와 상태변화(이벤트) 발생 시 상태를 알리는 뭐 이런 정의도 있지만, 나는 위와 같은 정의가 이해하기가 더 쉽더라. 콜백함수의 이해를 돕기위해 예를 들어보자.//배열을 만들어 보자var arr = [3,1,2];console.log(arr.sort());// display // [1,2,3]간단히 sort()라는 함수를 통해 정렬을 했다. 그런데 역순(오름차순)으로 정렬을 하고 싶은데 어떤 식으로 해야 하는가?w3schools에 가서 찾아보니 여기 보니 campareFunction 이라는 함수를..

var plainText = 'HELLO 반갑습니다.'; var check = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/; /** * 한글이 있다면 URI 인코딩을 한다. */ if(check.test(plainText)){ plainText = encodeURIComponent(plainText); } /** * 16바이트 길이의 랜던 키와, Initialization Vector 값을 생성 */ var key = forge.random.getBytesSync(16); var iv = forge.random.getBytesSync(16); var cipher = forge.cipher.createCipher('AES-CBC', key); cipher.start({ iv: iv }); cipher.update(forg..

* node-forge - Javascript를 사용하여 TLS를 구축한 프레임워크 * client example var someBytes = 32; var key = forge.random.getBytesSync(16); var iv = forge.random.getBytesSync(16); var cipher = forge.cipher.createCipher('AES-CBC', key); cipher.start({ iv: iv }); cipher.update(forge.util.createBuffer(someBytes)); cipher.finish(); var encrypted = cipher.output; console.log('encrypted : ' + encrypted.toHex()); var..