전체검색 결과
키워드를 입력하시면 검색이 가능합니다.
안녕하세요. 엔지엠소프트웨어입니다. 회사에서 내년 차세대 제품은 뷰(Vue)를사용하기로 결정 되었습니다. 지금까지 앵귤러(Angular)를 사용했었는데요. 일부 프로젝트는 리액트(React)로 되어있기도 합니다. 아무튼, 차세대 제품(MES, EES)은 뷰로 개발해야 하기 때문에 학습에 필요한 자바스크립트를 리마인드해야 합니다. 사실, 자바스크립트를 오랜 시간 사용해왔기 때문에 리마인드가 필요하진 않지만 기록하는 차원에서 기초부터 작성해보기로 했습니다^^; 자바스크립트 기초 학습 또는 간단한 테스트는 메모장이나 [ JSFidd…
안녕하세요. 엔지엠소프트웨어입니다. 오늘은 타입스크립트가 무엇인지와 왜 타입스크립트를 사용해야 하는지에 대해서 이야기 해보도록 하겠습니다. 2000년대 초부터 웹프로젝트를 진행하면서 자바스크립트를 사용하다가 2010년대에는 jquery를 사용했었습니다. 하지만, 근래에 와서는 타입스크립트를 사용하고 있는데요. 자바스크립트로 개발해본 경험이 있다면 타입스크립트도 그렇게 어렵지는 않을겁니다. 자~ 학습을 위해 Visual Studio Code를 실행하고, 워크스페이스에 index.js 파일을 하나 만들어주세요. 그리고, 아래 그림과 같…
안녕하세요. 엔지엠소프트웨어입니다. Visual Studio Code에서 파이썬 개발을 시작할 때 아래와 같은 에러가 발생할 수 있습니다. 'pip' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 파이썬을 설치할 때 아마도 개인 사용자로 설치했을 가능성이 큽니다. 아니면, 시스템 환경 변수에 파이썬 설치 폴더가 등록되지 않은 경우겠죠? 사실, 여러명이 공용으로 사용하는 컴퓨터…
배열이 아닌... 속성(Property)으로 데이타를 관리한다면 어쩔 수 없이 속성을 반복하면서 초기화해야 합니다. // object chambers = { ALD28_PM1_2F: '', ALD28_PM4_2F: '', ALD22_PMB_2F: '', ALD25_PM2_2F: '', CVD24_PMD_2F: '', BHK03_PM1_2F: '', ALD21_PMB_2F: '', ALD21_PME_2F: '', ALD23_PM2_2F: '', ALD27_PMB_2F: '', POLY03_P…
안녕하세요. 엔지엠소프트웨어입니다. 웹프로젝트를 진행중인데요. 이상하게... 문자열 포매팅 방법을 자꾸 까먹게 됩니다-_-; C#에서는 문자열 보간이라고 부르는데요. 문법이 약간 다르긴 하지만 사용 방법은 동일합니다. 그리고, 코드를 간결하게 해줘서 자주 사용하는 기능이기도 하구요. C#은 아래와 같이 $ 기호로 문자열 보간이라는걸 선언해줍니다. 내붕에 중괄호({})를 이용해서 변수 또는 함수를 보간 처리할 수 있습니다. const int NameAlignment = -9; const int ValueAlignment = 7; …
안녕하세요. 전체 장비 목록에서 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의 최상위 객체입니다. 여기서부터 노드를 타고 내려가면서 …