Free Will

✅ SAP( Systems, Applications & Products in Data Processing )주요 모듈과 프로세스 순서 정리 단계 SAP모듈모듈명주요 역할1SD Sales and Distribution 영업 주문 접수, 견적, 출하, 청구 등 판매 관련 프로세스 담당 2MM Materials Management 구매 요청(PR), 구매 주문(PO), 입고(GR), 재고 관리 등 자재 조달 기능 수행 3PP Production Planning 생산 계획 수립, 자재 소요 계획(MRP), 공정 관리 등 제조 운영 관리 4WM Warehouse Management 창고 내 위치 기반 재고관리, 입출고 최적화 및 창고 프로세스 수행 5QM Quality Management 품질 검사, 불..

SVN을 사용하는 Jenkins Pipeline (Declarative 방식)항상 최신 리비전(HEAD)을 기준으로 빌드하도록 설정된 예시pipeline { agent any environment { BUILD_DIR = 'project-name' // SVN 체크아웃 받을 디렉토리 } stages { stage('Checkout from SVN') { steps { // 항상 최신 리비전 체크아웃 checkout([ $class: 'SubversionSCM', locations: [[ ..

🔧 대표적인 번들러 예시 ✅ 번들러(Build Tool)란?**번들러(Bundle + er)**는 여러 개의 소스 파일(HTML, CSS, JS, 이미지 등)을하나 또는 몇 개의 파일로 묶어 최적화하는 도구입니다. 📦 즉, “여러 자원을 브라우저가 효율적으로 처리할 수 있도록하나로 묶고 가공하는 역할”을 합니다. 용어 한글 표기 의미 BuildTool보통 "빌드 도구" 또는 "빌드 툴"이라고 표기소스코드를 실제 실행 가능한 코드로 변환·최적화하는 도구 전반 (ex. 컴파일러, 번들러, 압축기 등 포함)Bundler번들러라고 표기여러 파일을 하나로 묶고 브라우저가 이해할 수 있도록 변환·패키징하는 역할을 하는 빌드 도구의 한 종류🎯 왜 필요한가요?현대 웹 앱은 다음과 같은 수많은 파일로 구성됩니다..

✅ Quasar Framework란?Quasar Framework는 Vue.js 기반의 올인원 UI 프레임워크로,웹·모바일·데스크탑 앱을 하나의 코드베이스로 개발할 수 있도록 도와주는 개발 도구입니다.🎯 쉽게 말하면?Quasar = Vue.js + 고급 UI 컴포넌트 + 플랫폼 빌더 + CLI 자동화 도구Vue만으로는 시간이 오래 걸릴 수 있는 일들을,Quasar는 빠르고 편하게 처리할 수 있게 해줍니다.🧩주요 특징 기능 설명 💻 SPA, SSR, PWA, 모바일, 데스크탑까지 지원하나의 코드로 웹, iOS/Android(Cordova/Capacitor), 데스크탑(Electron) 앱 제작 가능🧱 100개 이상의 고품질 UI 컴포넌트버튼, 다이얼로그, 테이블, 레이아웃 등 다양한 UI 요소를 ..

[ 웹소켓(WebSocket) ]국제표준 RFC 6455 개발사 IETF 산업 컴퓨터 과학 단자 유형 TCP 웹사이트 웹소켓 웹소켓(WebSocket)은 하나의 TCP 접속에전이중 통신 채널을 제공하는 컴퓨터 통신 프로토콜 이다.웹소켓 프로토콜은 2011년에 IETF에 의해 RFC 6455로 표준화되었으며 웹 IDL의 웹소켓 API는 W3C에 의해 표준화되고 있다.웹소켓은 HTTP와 구별된다.두 프로토콜 모두 OSI 모델의 제7계층에 위치해 있으며 제4계층의 TCP에 의존한다.이들에 차이가 있으나 RFC 6455에 따르면웹소켓은 HTTP포트 80과 443위에 동작하도록 설계되었으며HTTP프록시 및 중간층을 지원하도록 설계되었으므로HTTP프로토콜과 호환이 된다.호환을 달성하기 위해 웹소켓 핸드셰이크는 HT..

// Owner(소유자) 변경하기 ex)user1로 변경하기[root@]# chown user1:user1 deploy.sh// 파일실행 권한 주기[root@]# chomod +x deploy.sh

파일 복사하기 명령어로 복사후 붙여넣기 했을때이름이 중복된 파일이 존재하면 overwrite할것인지 y/n으로 입력을 해줘야하는데[ 묻지않고 무조건 덮어쓰기 하는 명령어 ]# yes | cp -rf 원본파일폴더경로 대상파일폴더경로예시) yes | cp -rf /home/webapp/index.html /usr/share/nginx/html​

[ 즉시 실행 함수(Immediately Invoked Function Expression, IIFE) ]즉시 호출되는 함수 또는즉시 호출되는 함수 표현식(Immediately Invoked Function Expression 또는 IIFE)은자바스크립트(Javascript)의 함수 범위를 사용하여실행범위를 생성하는 자바스크립트 프로그래밍 언어 구문이다.자동실행함수로도 불린다.즉시 호출된 함수 표현식을 사용하여로컬 블록 내에서 지역 변수 호이스팅을 방지하고,글로벌 환경에서 전역변수를 오염시키는 것을 방지하며함수 내에 정의된 변수에 대한 프라이버시를 유지하면서동시에 메서드(method)에 대한 공개 엑세스를 허용할 수 있다.[ 예시 ] 이 글은 크리에이티브 커먼즈 저작자표시-..

[ Next.js ]원저자Guillermo Rauch개발자Vercel 및 오픈 소스 커뮤니티발표일2016년 10월 25일(8년 전)안정화 버전15.0.3 / 2024년 11월 7일(26일 전) 저장소github.com/vercel/next.js프로그래밍 언어JavaScript, TypeScript, Rust플랫폼웹 플랫폼크기17.0 MB종류웹 애플리케이션 프레임워크라이센스MIT 라이선스웹사이트nextjs.org[ 배경 ]Next.js는 서버 측 렌더링 및 정적 웹사이트 생성을 포함한여러가지 추가 기능을 지원하는 리액트 (자바스크립트 라이브러리) 프레임워크이다. 리액트는 전통적으로 자바스크립트를 사용하여클라이언트 브라우저에서 렌더링되는웹 애플리케이션을 구축하는 데 사용되는 자바스크립트 라이브러리이다.그러나..