전체검색 결과
키워드를 입력하시면 검색이 가능합니다.
안녕하세요. 전체 장비 목록에서 Active와 Inactive 상태인 장비들의 갯수를 계산하는 방법입니다. 아래 코드에서 name 속성이 상태(Active, Inactive)입니다. const activityGroupCount = activities.reduce((total, value) => { total[value.name] = (total[value.name] || 0) + 1 return total }, {}) OEE나 MPA와 같은 EES에서 장비 상태에 따라 파이 차트를 …
안녕하세요. 엔지엠소프트웨어입니다. 요즘은 타입스크립트를 모르고 웹을 개발하기란 쉽지 않은 시대가 왔습니다. 단순한 웹 개발이라면야 기존 자바스크립트를 이용해도 되긴하지만~ 웹 소프트웨어도 점점 복잡해지고, 규모가 엔터프라이즈급으로 커지면서 좀 더 타이트하게 관리되길 원하고 있죠. 타입스크립트는 2012년에 마이크로소프트에서 발표한 자바스크립트 확장 언어입니다. 기본 문법은 자바스크립트와 동일하지만, OOP 언어(C++, C#, Java)들과 같은 기능을 제공해줍니다. 개발자 커뮤니티인 Stack Overflow에서 조사한 내용을 …
안녕하세요. 엔지엠소프트웨어입니다. 개발자가 꼭~ 알아야 하는 디버깅입니다. 대부분은 IDE(통합 개발 환경, Integrated Development Environment)에서 개발, 컴파일, 디버깅등등... 모두 할 수 있습니다. 그런데~ Visual Studio Code의 Typescript 환경은 디버깅하기 위한 여러가지 셋팅이 필요합니다. 어쩔 수 없이 디버깅 정보를 담고 있는 설정 파일도 생성해야 하구요. 그래서, 대부분은 크롬 개발자 도구(DevTools)를 사용해서 디버깅하고 있습니다. 이건 개발자마다 개인차가 있는거…
윈도우에서 개발 환경을 구성할 때 npm, nvm, yarn을 사용합니다. 새로운 프로젝트를 수행하면서 개발 환경 가이드(Development Environment Guide)에 nvm으로 되어 있더라구요. 저는 주로 노드만 설치해두고, 프로젝트에서 npm을 사용했는데요. nvm을 사용하면 아래와 같은 에러가 발생합니다. nvm : 'nvm' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하…
안녕하세요. 엔지엠소프트웨어입니다. 다들 한번쯤은 들어본 쉐도우 돔에 대해서 알려드릴텐데요. DOM(Document Object Model)은 웹 개발자라면 모를수가 없는 아주 중요한 개념입니다. 보통 돔이라고 읽지만, 문서상으로는 문서 객체 모델이라고 표현합니다. 아무튼~ 웹은 HTML로 이루어져 있는데요. HTML은 BOM(Browser Object Model)으로 이루어져 있습니다. DOM은 BOM의 하위 오브젝트들을 나타냅니다. 흔히 사용하는 window 객체는 BOM의 최상위 객체입니다. 여기서부터 노드를 타고 내려가면서 …
안녕하세요. 엔지엠소프트웨어입니다. 개발자라면 디버깅은 일상이라 다들 알고 있는 내용일텐데요. 이제 막 웹프로그래머로 입문한 개발자분들은 참고하시면 좋을듯합니다. 노드(node.js)를 사용하는게 아니라면 콘솔로 output에 내용을 찍어보고, 값을 확인하면서 개발을 하게 됩니다. 물론, 배포 시점에는 이러한 것들을 제거해야 합니다. 성능에 영향을 주기 때문이죠. 아무튼~ 아래 코드를 실행 해보세요. let arr = [1, 2, 3, 4, 5]; console.log("log: ", arr); console…
안녕하세요. 엔지엠소프트웨어입니다. Visual Studio Code(vscode)에서 node.js(노드)를 설치하지 않고, 자바스크립트를 실행하는 방법에 대해 알아봅시다. 옛날~ 웹을 할 때는 노트패드나 드림위버, 울트라에디터, 에디터++을 비롯한 나모웹에디터등등... 여러가지 툴들이 춘추전국 시대를 이루었습니다. 지금은 모두 추억(?)이 되고, vscode로 통일되었죠. 아무튼, 웹개발은 CS 개발 도구에 비해 디버깅을 강력하게 지원하는 툴이 없었습니다. 노드가 아니면 지금도 마찬가지구요. 그래도 콘솔이라는 막강한 기능이 있어…
안녕하세요. 앙귤라(앵귤러)를 개발을 좀 더 빠르고 편하게 할 수 있도록 도와주는 확장 도구를 몇가지 소개합니다. 대부분은 알고 있는 내용일텐데요. 처음 접하는 분들은 기본적으로 이정도는 설치하고 시작하는게 좋습니다^^ 먼저 아래 그림처럼 확장을 클릭하고 하나씩 설치 해보세요. 1. TsLint (티에스 린트) TSLint는 TypeScript 코드에서 가독성, 유지 관리 성 및 기능 오류 를 검사하는 확장 가능한 정적 분석 도구입니다 . 최신 편집기 및 빌드 시스템에서 광범위하게 지원되며 사용자의 보푸라…
안녕하세요. 엔지엠소프트웨어입니다. 주로~ 서버 프로그래밍(Java)만 하다가 클라이언트 프로그래밍을 할 기회가 왔네요^^; 엔지엠의 경우에도 클라이언트 프로그램입니다. 일반적으로 CS 프로그램이라고 하면 엔지엠과 같이 사용자의 컴퓨터에 클라이언트 프로그램(에디터나 플레이어)이 설치되고, 서버와 통신하는 방식을 말합니다. 주변에서 흔히 볼 수 있는 프로그램들이죠~ 웹(Web)의 경우에도 클라이언트와 서버가 동일하게 존재하지만 사용자의 컴퓨터에 어떤 프로그램을 설치하거나 하지는 않습니다. 모두~ 서버에서 데이타를 내려 받아서 화면(익…
스크립트 실행 권한이 제한되어 있어서 발생되는 에러인데요. 타입 스크립트를 컴파일할 때 아래와 같은 에러가 출력됩니다. tsc : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\ngmas\AppData\Roaming\npm\tsc.ps1 파일을 로드할 수 없습니다. 자세 한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + tsc app.ts + ~~~ + CategoryInfo …