GyuStory

배치(Batch) 배치란 데이터를 특정시간(주기)에 일괄적으로 모아서 처리하는 작업을 의미한다. (배치 = 일괄처리) 배치 = 사용자 개입없이 실행을 스케줄링 할 수 있는 작업(job) 스케쥴러 배치를 동작하게 해주는 것이 스케쥴러 (= 잡 스케줄러, 배치 스케쥴러) 일괄 처리(Batch Processing) 작업이 설정된 주기에 맞춰 자동으로 수행되도록 지원해 주는 도구 잡(job) "배치 작업 단위" 데이터베이스 내에 생성한 프로시저들에 대해 데이터베이스 내의 스케줄러에게 지정한 시간에 자동으로 작업이 진행될수 있도록 하는 기능 프로시저 자주 사용되는 Logic이나 여러 Application 이 공통으로 사용하는 모듈을 미리 Compile된 형태로 데이터베이스 내에 저장해놓고 필요할 때 이용하는 것...

여러 클라우드 플랫폼 AWS Azure Heroku FireBase Netlify 빌드 : 서버에 올릴 수 있는 상태로 만드는 것 배포 : 사용자가 사용할 수 있게 서버에 올리는 것. 나는 지금 개발중인 토이프로젝트 프론트엔드 부분을 배포하려고 해서 알아보던 중 Netlify 라는 웹 호스팅 서비스를 보게되었다. 특히 Netlify 는 정적 애플리케이션 호스팅에 사용하는 서비스이기 때문에 프론트엔드를 배포하기에는 딱 좋은 서비스라고 생각했다. Netlify에 회원가입하고 Git과 연동하는 방법은 정말 간단했고 이 부분은 워낙 자료가 많고 잘정리된게 있기 때문에 넘어는 편이 좋겠다. 깃과 연동하고 자동 빌드해주는 설정을 하고 나면 정말 간편하게도 Git에서 해당 프로젝트에 push를 하게되면 Netlify..

Vue 토이프로젝트 개발하다가 " Property or method "SessionStroage" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for cla~~~ " 위와 같은 오류가 발생했다. 이 오류는 많이 봐왔던 오류인데 대충 해석해보면 정의되지않은 속성이나 함수를 사용하고 있다는 것이다. 따라서 렌더할때 정의되지 않은 프로퍼티나 메소드가 사용되고 있는 중이니 그것을 컴포넌트 초기실행할때 정의하고 사용해야 하겠다!! 검색해보니 대표적인 발생이유는 다음과 같다. 프로퍼티의 경우 data(){} 내부에 정의하지 ..

Vue.js의 동작원리 : 가상 DOM으로 화면요소를 변경 및 조작하고 최종 결과물을 DOM tree에 반영 DOM ( Document Object Model) : HTML 내에 들어있는 요소를 구조화 객체 모델로 표현하는 양식 HTML 문서가 아래와 같다면 Hello World DOM트리는 밑에로 구성된다. DOM의 문제점은 : DOM을 업데이트하기 위해 수천개의 노드를 뒤져가며 처리해야하기 떄문에 복잡하다. Vue의 특징 1. 가상 DOM DOM을 최소한으로 조작하여 작업을 처리하는 방식, DOM의 복사본을 메모리 내에 저장하여 사용 실제 DOM을 조작하는 대신, 이것을 추상화 시킨 자바스크립트 객체인 가상DOM을 사용해 자바스크립트가 HTML을 렌더링하는 방법 기존 DOM API를 사용하여 DOM을..

부동산 관련 웹페이지를 구성하는 조별 프로젝트에서 우리는 공개된 여러 무료 부트스트랩 템플릿 사이트에서 템플릿을 다운받아 프로젝트를 진행하기로 했다. 그렇게 기능 별로 나눠서( 나는 관심있는 동네 저장하는 기능 담당했다) 협업을 진행하고 각자 구성한 기능들을 템플릿에 합치는데 한분이 작성한 코드를 합칠 때, 오류가 발생했다.. 그 코드만 따로 실행시켰을 때는 잘 동작해서 이유를 찾는데 애먹었다. 이유는 다운받은 템플릿 폴더 내부에 이미 JQuery, Bootstrap, css등 여러 설정 소스들과 추가한 소스들이 같은 기능을 건드려서 충돌이 발생했던 것이다. 결국 충돌나는 부분들을 제거하니 문제없이 실행되었다!

존재하지 않을 수 있는 매서드를 호출할 때(사용자장치에서 사용안되는 기능과 같은 상황), optional chaining 을 사용한다. optional chaining을 사용함으로써 메서드를 찾을 수 없는 경우에 예외를 발생시키는 것 대신에 undefined를 반환한다. 예를 들어, 중첩된 구조를 가진 객체에서 obj가 있다. optional chaining이 없이 깊이 중첩된 하위 속성을 찾으려면, 다음과 같이 참조를 확인해야 한다 let nestedProp = obj.first && obj.first.second; obj.first의 값은 obj.first.second의 값에 접근하기 전에 null (그리고 undefined)가 아니라는 점을 검증한다. 이는 만약에 obj.first를 테스트 없이 o..