알쓸전컴(알아두면 쓸모있는 전자 컴퓨터)

promise loop foreach 동기화 기존 Promise 강의(http://idlecomputer.tistory.com/147?category=791974) 이후 강의 입니다. javascript 를 사용 하다보면 단순 동기화가 아닌 동적인 배열을 받아서 배열 많큼 반복문을 해주는데 이 반복문을 동기화 시켜서 프로그램을 작성해야 할때가 있습니다. 기존의 promise ALL (출처 : http://programmingsummaries.tistory.com/325) var promise1 = function () { return new Promise(function (resolve, reject) { // 비동기를 표현하기 위해 setTimeout 함수를 사용 window.setTimeout(fun..

axios,ajax CROS(다른 도메인) 처리 하는 방법 axios.get('http://127.0.0.1:8282/get_dome_statue') .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); 위와 같은 식으로 사용 하려면 중요한 것은 Server 에서 Respone 를 할때 헤더에 Access-Control-Allow-Origin: * 를 붙혀야 한다는 것이다. 그리고 POST 를 할때는 추가적으로 헤더에 Content-Type: ※ application/x-www-form-urlencoded※ multipart/form-data※ text/plain 3개중 1..

abex crack me2 리버싱 분석 일단 abex creak me2 리버싱 분석에 중요한 것은 크랙 파일은 만드는것이 아닙니다. 어쩌면 jmp 문으로 또는 memory에 있는 unicode 를 보고 정답을 맞출수도 있습니다. 하지만 기본을 배우는 것이기 때문에 어떻게 돌아가는지에 대해서 탐구해 보겠습니다. ▲ 제가 사용한 파일입니다. 일단 crackme2 는 visual basic 으로 만들어진 파일입니다. 일종의 인터프리터 언어로 만들어진 프로그램이죠. 언어 이후에 가상엔진이 있는 구조 입니다. 예를 들면 파이썬이나,java 등이 있습니다. 또한 event driven 방식으로 이벤트 코드에 사용자 코드가 들어가는 구조입니다. debug 시 처음 화면입니다. F9 로 전진해 보겠습니다. 전진하다 보..

amcharts pathToImages 로컬 설정 amcharts 을 vue js 에 설치 하면 위와 같이 그림이 깨집니다. 그래서 보통 "pathToImages": "http://www.amcharts.com/lib/3/images/",을 설정해서 이미지를 다운로드 합니다. 하지만 amcharts 에 접속 하지 못할 경우에 문제가 되지 때문에 따로 다운 받을 방법을 찾아야 합니다. 저 같은 경우에는 node_modules/amcharts3/amcharts/images 폴더를 복사해서 webpack 의 static\img\amcharts 에 집어 넣습니다. "pathToImages": "/static/img/amcharts/images/", 그리고 나서 경로를 다음과 같이 하고 나면 이미지가 정상적으로 ..

amchart vuejs webpack npm 사용 하기 amchart 를 사용 하는데 vue js와 연동 하는데 있어서 https://www.amcharts.com/kbase/using-amcharts-vue-js-webpack/ 에 자세히 나와 있지만 틀린 부분이 있어서 글을 적습니다. npm install amcharts/amcharts3 --save (x)이 아니라 npm install amcharts3 --save로 설치를 해주세요 그리고 에서 chart 로 사용하기 위한 요소 인데요 create() 에서 사용하지 않고 mounted 나 methods 에서 사용 할것이기 때문에 ref를 붙혀 줍니다.import AmCharts from 'amcharts3' import AmSerial from ..

stack frame 예제 스택 프레임을 알기 위해서 간단한 예제를 만들고 이것에 대해서 분석을 해보겠습니다. //#include #include "stdafx.h"long add(long a, long b) {long x = a, y = b;return (x + y);} int main(){long a = 1, b = 2;printf("%d\n", add(a, b)); return 0;} 저는 visual stdio 2017 로 최적화 옵션을 없음으로 하고 Relese 모드로 컴파일 하였습니다. 그리고 나서 olly debug 로 디버깅을 해 보겠습니다. 예전에 했던 asm 코드 시작 부분 찾는 부분이 조금 달라 졌습니다. 열어서 바로 실행 하면 나오는 코드가 실행 구간이 아닙니다. 주소도 0x4010..

안녕하세요 주로 저희가 다룰 프로그램들은 주로 intel cpu 위의 PC 프로그램들이 많습니다. 물론 ARM CPU도 시대가 변해 많아 졌지만 구조를 다르는 부분에서 intel x86의 asm 을 공부하고 ARM asm 을 보면 많은 도움이 됩니다. 굉장히 오래된 자료 이지만 개념에 대한 셜명이 매우 잘되어 있어 읽어 보면 매우 도움이 될것으로 예상 되어 자료를 올리게 됩니다. 첨부파일 : pcasm.pdf,djgpp-ex.zip 동시 첨부

webpack build -> css 적용 안되는 증상 webpack 에서 npm run dev 할때는 css 가 잘 적용 되다가 몇몇 속성 들이 build 후에 적용 이안되는 증상들이 보입니다. 그럴때는 !important 을 사용해 주세면 build 후에도 잘 적용 되어 있습니다. .multiselect--active { z-index: 3 !important; }.tabledelbtn{ height: 5px !important; line-height: 5px !important;}.search_input{ height: 50px !important;}

visual 2017 c++ main start 포인트 찾기 디버깅을 하기 위한 예제 코드 입니다. C++ 콘솔로 프로젝트를 만들었습니다. 이전과 스타팅 포인트 찾는 법이 조금 달라져서 공부 겸 올리게 됩니다. olly debuger 로 F9 로 전진을 하면서 보면 이부분이 start 포인트 같지만 실제로는 메세지 박스도 없고 이전과 다른 stub 코드(컴파일러 마다 다른 초기 코드 init 코드) 를 가집니다. 하지만 JPM 를 하고 난뒤에 F8 로 쭉 내려가다 보면 이부분이 메인 함수를 호출 합니다. 호출 하고 나면 바로 위에 부분이 메인 함수 입니다. 예전 메인 함수와 모양이 달라 져서 조금 헤멜수 있기에 적어봤습니다.

vue-js-modal 프로그램을 개발하다 보면 위와 같은 인터페이스가 필요할 때가 있습니다. 설치 방법은 Installnpm install vue-js-modal --save 그 다음에 main.js 에 import VModal from 'vue-js-modal'Vue.use(VModal, { dynamic: true }) 을 추가해 주면 됩니다. 데모사이트 = http://vue-js-modal.yev.io/ 데모 사이트에 여러가지 데모가 있지만 그중에 제일 자유도가 높게 UI 를 구성할수 있는 CustomComponentModal 을 알아 보도록 하겠습니다. 참고한 소스는 https://github.com/euvl/vue-js-modal/tree/master/demo/client_side_rende..