전산이야기

BOX(container) 및 Item 들을 열과 행에 자유자재로 나타내기 위한 CSS 기술 예전에는 layout을 위해 table, float tag를 사용 했으나 현재는 flexbox로 모두 대체 가능 서로 다른 screen size 에서 HTML 요소들의 재배치를 통해서 반응형 웹 구현 가능 1. main axis, cross axis 개념 횡(가로)을 중심축으로 하면 직각으로 대응되는 종(세로)이 반대축이 된다. 종(세로)을 중심축으로 하면 직각으로 대응되는 횡(가로)이 반대축이 된다. 2. single line, multi line 개념 multi line은 flex-basis 값과 flex-wrap:wrap 속성에 의해 한 줄로 표현하기에 빈 공간이 모자라는 경우 발생 3. container에..

javascript에서는 함수를 3가지 방법으로 정의할 수 있습니다. 1. Function 생성자 함수 이용 let add = Function('a', 'b', 'return a + b;'); console.log(add(10, 20)); 가장 일반적이지 않은 방법으로서 실무적으로는 사용할 일이 거의 없을 것 같습니다. 다만 다른 함수정의 방식으로 함수를 생성하더라도 내부적으로는 생성자 함수를 통해서 함수가 만들어지게 됩니다. 때문에 javascript에서 모든 함수는 그 자체로 객체 입니다. 2. 함수 선언문 이용 function add(a, b) { return a + b; } console.log(add(10, 20)); function 다음에 함수명을 반드시 포함해야 하며, 이 이름으로 함수를 호..

자바스크립트에는 !를 두 개 붙인 !! 연산자가 있는데 !! 다음의 값(피연산자)에 대하여 불린값을 반환한다. console.log(!!0); console.log(!!1); console.log(!!''); console.log(!!'hello'); console.log(!!false); console.log(!!true); console.log(!!null); console.log(!!undefined); console.log(!!{}); console.log(!![]); null 과 undefined는 모두 false 이고, 빈 배열 및 빈 객체는 모두 true 인 점을 주의할 필요가 있다. 당연하겠지만 not 연산자인 !와 함께 !!!를 사용하면 반대되는 불린값을 얻게 된다. console.log..

BPMN에서는 게이트웨이 없이 직접 시퀀스 플로우와 엑티비티를 연결할 수 있다. 1. 조건부 시퀀스 플로우 시퀀스 플로우 시작점에 다이아몬드 표시를 붙혀서 표기한다. 포괄적, 배타적 게이트웨이 모두 대응 가능 하다. 2. 기본 시퀀스 플로우 시퀀스 플로우 시작점에 사선을 그어서 표기한다. 다른 어떤 조건에도 해당되지 않을 때 선택 된다(else 개념). 3. 병렬 게이트 대체 플로우 조건 다이아몬드 없는 일반 시퀀스 플로우가 2개 이상인 경우 병렬 게이트웨이와 동일 하다. 즉 다음 모델링과 동일하다. 4. 배타적 시퀀스 플로우 병합 게이트웨이 거치지 않고 곧바로 시퀀스 플로우가 엑티비티에 연결(도착)되는 경우 해당 토큰은 기다림 없이 즉시 엑티비티를 실행하게 된다. 따라서 배타적 시퀀스 플로우를 병합하기..

홈택스 전자세금계산서 연동 기능을 제공해주는 업체의 API를 테스트 하기 위하여 제공된 DLL을 참조 시키고 테스트 코드를 작성한 후 컴파일을 시도 했으나 다음과 같은 오류가 발생 하였다. 참조된 어셈블리 "Popbill.dll"이(가) 현재 대상 프레임워크 ".NETFramework,Version=v4.0,Profile=Client"에 없는 "System.ServiceModel.Web, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"에 종속되어 있기 때문에 참조된 어셈블리를 확인할 수 없습니다. 이 문제를 해결하려면 (1) 이 프로젝트의 대상 프레임워크를 변경하거나 (2) 프로젝트에서 참조된 어셈블리를 제거하십시오. 해결을 위하여 ..

지난 글에 이어서 실제 C# 으로 SOAP API를 호출 해 보는 소스를 작성 해 보겠습니다. 일반적으로 웹 서비스 제공업체에서 제공해 주는 기술문서를 참고로 해서 사용되는 함수 및 자료형을 확인해야 합니다. 여기서는 용마에서 제공되는 문서를 바탕으로 작성 되었습니다. 또한 처리방법만을 남길 목적인 테스트용 코드 이므로, 예외 처리등은 하지 않았습니다. 실제 환경에서는 반드시 리턴값 확인 및 예외 처리를 해야 합니다. (1) define 1. 해당하는 클래스가 정의된 Reference.cs의 namespace 및 Linq를 using에 추가 합니다. using WindowsFormsApplication1.kr.co.yongmalogis.www; using System.Xml.Linq; 2. 호출될 메소드..

최근 사내 ERP에서 용마택배로 반품정보를 SOAP API 호출을 해야할 일이 생겨서 이를 정리 합니다. 우선 Visual Studio 에서 새로운 프로젝트를 시작하고, 솔루션 탐색기에서 서비스참조 추가를 합니다. 하단의 『고급』 버튼을 눌러서 서비스 참조 설정 창이 뜨면 다시 『웹 참조 추가』 버튼을 누릅니다. 웹 참조 추가 창이 나타나면, 업체에서 (매뉴얼상에) 알려준 asmx URL을 입력하고 우측의 작은 화살표를 클릭 하면 자동으로 제공되는 메소드 목록들이 나타 납니다. 확인 후 『참조추가』 버튼을 누르면 해당 메소드를 호출 할 수 있는 프록시 클래스가 생성 됩니다. 위의 웹 참조 이름을 더블클릭 하면 개체 브라우저를 통해 제공되는 메소드와 데이터타입 등을 확인 할 수 있습니다. 실제 소스는 '웹..

java에서 compile 할 경우, 한글을 제대로 인식 하지 못해서 다음과 같은 오류가 발생할 때가 있다. $ javac HelloWorld.java HelloWorld.java:4: error: unmappable character for encoding ASCII System.out.println("??????"); ^ 이럴 때는 다음과 같이 Charterset를 알려 주면 정상적으로 컴파일 된다. export JAVA_TOOL_OPTIONS=-Dfile.encoding=UTF8 또는 컴파일러 옵션을 이용 해도 된다. javac HelloWorld.java -encoding UTF8 이 때 java 파일은 UTF8(without BOM) 형식 으로 저장되어 있어야 한다.

외부 업체에서 VB6 로 개발된 프로그램이 실행시 다음과 같은 오류가 발생 하면서 정상적으로 실행이 되지 않았다. 개발 업체에 문의 해보니 수정(업데이트)된 프로그램을 서버에서 내려받는 모듈 쪽에서 문제가 생긴것이라고 했다. 그러나 왜 오류가 발생하는 지는 알지 못했고 그래서 해결도 하지 못했다. 마냥 기다리고 있을 수는 없어서 구글링을 통해서 해결방법을 찾았다. mscomctl.ocx 라는 VB6용 공용 컨트롤이 레지스트리에 등록이 제대로 되어 있지 않아서 발생한 것으로서 해당 ocx 파일(32비트 윈도우는 C:\windows\System32\, 64비트 경우 C:\windows\syswow64\ 폴더 내)을 regsvr32 를 이용해서 등록 하면 된다. 이후 다시 프로그램을 실행 하니 정상적으로 동작..

1. npm 으로 body parser 설치 > npm install body-parser --save 2. 모듈 요청 및 파싱 미들웨어의 사용 var bodyParser = require('body-parser') app.use(bodyParser.urlencoded({ extended: false })) 3. prase 라우터 app.post('/form', (req, res) => { res.send(req.body.subject); }