o-ohi-code 님의 블로그

✅ MES = Manufacturing Execution System👉 생산 관리 시스템, 즉 공장에서 제품이 어떻게 만들어지고 있는지를 실시간으로 관리하는 시스템  ✅ MES 가 하는 일생산 계획 관리 : 오늘 몇 개 만들 건지 계획 세우기작업 지시 : 작업자에게 어떤 제품, 어떤 순서로 만들지 지시설비 제어 : 기계/장비 상태 모니터링품질 검사 : 불량품 검사, 검사 기록 저장자재 추적 : 어떤 원자재가 어떤 제품에 사용됐는지 기록실시간 모니터링 : 공장 전체 생산 현황 실시간 확인

MSA 는 Microservices Architecture (마이크로서비스 아키텍처)하나의 큰 서비스(=모놀리식)를 여러 개의 작은 서비스로 나눠서 개발하는 구조다.🤔 쉽게 이야기를 하면?기존 방식은 "하나로 뭉쳐진 거대한 앱" 이라면[ 모놀리식(Monolithic) 구조 ]로그인, 상품 목록, 결제, 배송, 알림 기능이 전부 한 서버 안에 있음근데 MSA 는 기능별로 쪼갠다.[ MSA 구조 ]로그인 서버상품 서버결제 서버배송 서버알림 서버..(각자 독립적으로 운영된다.) 🤔 왜 MSA 를 사용하는 걸까?⚙️ 유지보수 용이 : 기능별로 코드가 나뉘어 있어 관리하기 쉽다. 🚀 개발 병렬화 : 여러 팀이 동시에 작업 가능 🛠 부분 배포 가능 : 전체 시스템을 중단하지 않고 부분만 업데이트 가능 💥 ..

✔ SI 개발자 (System Integration) 만드는 사람고객사가 원하는 시스템을 만들어주는 개발자하늘 일 : 시스템을 처음부터 설계 + 개발 납품si 개발자는 (프론트 엔드 + 백엔드 둘다 다룰 줄 알아야 한다.) ✔ SM 개발자 (System Maintenance) 관리하는 사람이미 만들어진 시스템을 유지보수하고 개선하는 개발자하는 일 : 시스템 운영 중 버그 수정, 기능 추가, 성능 개선 ✔ 프론트엔드 개발자사용자가 직접 보는 화면(UI)를 개발하는 사람하는 일 : 웹페이지 디자인, 버튼 클릭, 애니메이션 등 시각적 구현주요 키워드 : 사용자 경험(UX), 반응형 UI, 웹 접근성 ✔ 백엔드 개발자사용자가 보지 못하는 서버-데이터-로직을 처리하는 사람하는 일 : 로그인 처리, DB 저장, A..

🤔 REST API 란?"REST " 를 기반으로 만들어진 API를 말한다.HTTP를 이용해 자원을 CRUD(Create, Read, Update, Delete) 방식으로 다루는 표준화된 방법이다. 여기서 Rest 는 (Representational State Transfer)는 자원을 이름(URL)로 구분하여, 해당 자원의 상태(정보)를 HTTP를 통해 주고 받는 모든 것을 의미한다. REST의 핵심 구성HTTP URL을 통해 자원(resource)를 명시하고HTTP Method(post, get, delete, patch)를 통해 해당 자원에 대한 crud operation을 적용하는 것을 의미한다.🤔 CRUD Operation 이란?대부분의 소프트웨어가 가지는 기본적인 데이터 처리 기능을 의미하..

🤔 node.js 란?크롬의 V8 자바스크립트 엔진을 기반으로 만든 자바스크립트 런타임 환경(JavaScript Runtime Enviroment) 으로브라우저 없이도 터미널에서 자바스크립트를 실행 가능하며 웹 서버로 만들 수 있는 백엔드 플랫폼이다. 여기서 Runtime Enviroment 란? 코드를 실제로 실행할 수 있는 환경즉, 작성한 코드를 '읽고', 해석하고, 실행시켜주는 시스템이다. ex) ✅ java자바는 .java로 코드를 작성하지만    이것을 실행하기 위해서는 JVM(Java Virtual Machine) 이라는 런타임이 필요하다.    JVM 이 자바 코드를 해석, 컴퓨터에서 실제로 실행 되게 해준다ex) ✅ 파이썬파이썬도 마찬가지로 .py 로 코드를 작성하지만     이것을 실행..

😊 Vue 는 이미 세팅이 되어 있다고 가정, vue 프로젝트 생성 방법https://o-ohi-code.tistory.com/9 [Vue] vue 프로젝트 생성 방법1. 파일 생성 2. VsCode 설치https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, WindowsVisual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experio-ohi-code.tistory.com  1. 버튼을 만들어 준다.  품질관리품질관리 버튼을 클릭시 showM..

🤔 PLS-00103: Encountered the symbol "EXCEPTION" when expecting one of the following:정말 간단한 오류로 EXCEPTION 구문을 시작하기 전 세미콜론(;) 을 붙어야 하는 곳에 붙이지 않아 발생하는 오류이다.🫤 ; 세미콜론 하나만 붙이면 해결이 되는 아주 간단한 오류였다.

🤔 PLS-00103 error?아주 간단한 실수 하나로 생기는 오류로 프로시저를 작성할 때는 IF 조건을 사용하였을 경우 THEN 을 함께 사용해야 한다는 규칙이 있다.ERROR가 났던 코드ERROR 가 난 부분에 then 하나만 추가를 하니 오류가 해결되는 모습을 확인 할 수 있다.

🤔 ORA-00933: SQL command not properly ended 란?PL/SQL 블록에서 SQL 문이 끝나지 않거나, 구문이 잘못된 경우를 말한다.그림을 보면 UPDATE 를 하고 있는 장면인데 끝네 ; 을 빼먹은 것을 확인 할 수 있다.

🤔 데이터 바인딩이란?JavaScript 의 데이터(변수)를 html에 연결해주는 것vue 에서 HTML 태그와 javaScript 데이터를 자동으로 동기화 할 수 있다.이걸 데이터 바인딩 이라고 부른다! 🤔 그럼 데이터 바인딩은 어떻게 사용할까? {{ message }}  단방향 데이터 바인딩 {{ message }}   결과 {{}} 안에 Vue 컴포넌트의 data() 에서 정의한 message 값을 HTML 에 표시하는 방식이다.  이건 단방향 바인딩으로, data.message 값이 바뀌면 html 도 자동으로 바뀌지만,   html 을 직접 바꿔도 data 는 바뀌지 않는다. 양방향 데이터 바인딩    v-model 은 vue 에서 제공하는 양방향 데이터 바인딩 디렉티브..