전체 글13 [💻코답노트] PowerBuilder 란 무엇인가 이번에는 PowerBuilder라는 통합 개발 환경(IDE)에 대해서 알아보려고 합니다.PowerBuilder는 SAP의 자회사인 Sybase에서 개발한 소프트웨어로, 주로 데이터베이스 애플리케이션을 개발하는 데 사용됩니다.이 도구는 특히 클라이언트/서버 아키텍처를 기반으로 한 애플리케이션 개발에 강점을 가지고 있습니다. PowerBuilder란 무엇인가?PowerBuilder는 4GL(4th Generation Language) 언어를 사용하여 데이터베이스 중심의 애플리케이션을 쉽게 개발할 수 있도록 돕는 통합 개발 환경입니다.이 도구는 시각적인 개발 환경을 제공하여, 개발자가 복잡한 코드를 작성하지 않고도 애플리케이션을 구축할 수 있게 해줍니다.특히, 데이터베이스와의 연동이 용이하여, 데이터 중심.. 2025. 2. 3. [💻코답노트] MES란 무엇인가? 안녕하세요.아모르형입니다~ 오랜만에 블로그에 글을 올리게 되었는데요.이제부터는 다시 꾸준하게 블로그에 여러 가지 글을 써볼 생각입니다. 갑자기 뜬금없이 'MES란 무엇인가?'라는 제목으로 글을 다시 쓰기 시작한 이유가 있습니다.웹개발을 하던 제가 이직을 했기 때문인데요.제조업 회사로 이직을 하게 되어 MES 개발 및 유지보수를 하게 되었네요ㅎㅎ참 인생 모를 일이죠~그래서 이쪽으로는 아는 것이 많지 않아 공부도 할 겸 블로그를 써보려고 합니다. 일단 MES 시스템에 대해서 알아본 후에PowerBuilder라는 통합 개발 환경(IDE)에 대해서 알아보려고 합니다.(많관부~~ㅋㅋㅋㅋ) 자~ 그럼! 이번 포스트에서는 MES의 정의, 주요 기능, 이점, ERP와의 차이점, 도입 시 고려사항 등을 자세히 알아보겠습.. 2025. 1. 24. React에 fontawesome 적용하기 https://fontawesome.com/docs/web/use-with/react/ Set Up with React Font Awesome 6 brings loads of new icons and features to the most popular icon set in the world. fontawesome.com 1. npm 설치 먼저 npm 또는 yarn을 사용하여 아이콘이 작동하도록 하는 모든 유틸리티가 포함된 핵심 패키지를 설치해야 한다. npm install @fortawesome/fontawesome-svg-core 다음으로 사용하려는 아이콘을 설치한다. 무료 또는 프로 아이콘을 선택하고, 스타일을 선택할 수 있다. (무료만 사용하겠다.) npm install @fortawesome/fr.. 2022. 8. 1. [npm] file-system 사용하여 파일/폴더 작업하기 https://www.npmjs.com/package/file-system file-system Strengthen the ability of file system. Latest version: 2.2.2, last published: 6 years ago. Start using file-system in your project by running `npm i file-system`. There are 402 other projects in the npm registry using file-system. www.npmjs.com 위의 링크에서 보면 첫 소개로 아래와 같이 나온다. This module make file opertaion apis simple, you don't need to care th.. 2022. 8. 1. 동기(sync), 비동기(async)의 차이 / Promise 란? / async(), await 란? 동기 방식(synchronous) 요청과 그 결과가 동시에 일어난다는 약속. 바로 요청을 하면 시간이 얼마나 걸리던지 요청한 자리에서 결과가 주어져야 한다. (요청과 결과가 한 자리에서 동시에 일어남) (A노드와 B노드 사이의 작업 처리 단위(transaction)를 동시에 맞춘다.) 비동기 방식(Asynchronous) 요청과 결과가 동시에 일어나지 않을 거라는 약속 (요청한 그 자리에서 결과가 주어지지 않음) (노드 사이의 작업 처리 단위를 동시에 맞추기 않아도 된다.) 장단점 동기 방식 - 장점 : 설계가 매우 간단하고 직관적 - 단점 : 결과가 주어질 때까지 아무것도 못하고 대기해야 함 비동기 방식 - 장점 : 결과가 주어지는데 시간이 걸리더라도 그 시간 동안 다른 작업을 할 수 있으므로 자원을 .. 2022. 8. 1. CORS 에러 해결하기 CORS 오류는 Cross-Origin-Resource-Sharing 정책을 지키라고 나오는 오류이다. 개발을 할 때 client 는 localhost:3000 server 는 localhost:5000 으로 개발을 한다고 할 때 client와 server가 데이터를 주고 받기 위해 fetch나 axios등을 사용하였는데 CORS 에러가 나왔다. 이는 두개가 origin이 달라서 데이터가 출처가 다르다고 생각하여 나오는 에러이다. origin이란 http://localhost:포트/api?name=asd&page=1#foo 이런식으로 url이 있을 때 Protocol : http:// Host : www.naver.com 또는 localhost 등 Port : :3000 Path : /api Query .. 2022. 8. 1. React 클라이언트와 서버 데이터 통신하기 React 에서 client와 server가 통신하는 법이다. 서버에 데이터를 요청했을 때 프론트에서 데이터를 받으려면 기본 제공하는 api인 fetch를 이용하거나 라이브러리를 이용할 수 있다. 라이브러리는 axios를 사용해보겠다. 1. fetch 서버 주소와 HTTP 메서드만 있으면 된다. fetch('http://localhost:5000/api/todo') .then((response) => response.json()) .then((data) => console.log(data)); 이런식으로 작성하면 된다. 메서드를 입력하지 않으면 GET 요청이 기본값이다. react 개발 중인 client에 위 같이 입력을 한다면 server에 있는 데이터를 받아와서 콘솔창에 보여줄 것이다. 그러면 cli.. 2022. 8. 1. [npm] concurrently 사용하여 서버와 클라이언트 동시에 실행시키기 concurrently 는 여러 명령을 동시에 실행합니다. 1. concurrently 설치 npm install --save-dev concurrently 2. 사용법 package.json에서 scripts의 start에서 실행하고자 하는 명령을 아래와 같이 입력한다. //package.json { "script": { "client": "cd .. && cd client && yarn start", "server": "nodemon server.js", "dev": "concurrently --kill-others-on-fail \"yarn server\" \"yarn client\"", "start": "node server.js" } } 참고로 디렉토리 구조는 프로젝트 폴더 안에 client 폴.. 2022. 8. 1. [npm] Nodemon 사용하여 서버 자동으로 재시작하기 nodemon은 디렉토리의 파일 변경이 감지되면 노드 응용 프로그램을 자동으로 다시 시자하여 Node.js 기반 응용 프로그램을 개발하는데 도움이 되는 도구이다. 1. nodemon 설치 npm install --save-dev nodemon 2. 시작할 응용프로그램 파일을 node가 아니라 nodemon을 붙여 실행 ex) nodemon server.js 2022. 8. 1. 이전 1 2 다음
