Search result

serverless 로컬 디버깅 방법

1. handler.js callback() 필드 중 body 의 값 Type은 String 이어야만 함. 만약 다른 형식을 지정하면 postman 같은 툴에서 502 Internal Server Error 를 만나게 됨. module.export.run = (event, context, callb...

NodeJS aws lambda Debug debugging serverless webstorm

serverless 로컬 디버깅 방법

1. handler.js callback() 필드 중 body 의 값 Type은 String 이어야만 함. 만약 다른 형식을 지정하면 postman 같은 툴에서 502 Internal Server Error 를 만나게 됨. module.export.run = (event, context, callb...

NodeJS aws lambda Debug debugging serverless webstorm

EMQ (Mqtt broker)에 웹소켓 접속 실시간 차트 연습

관련글: Mqtt broker - Kafka - ELK 스택 셋팅 WebSocket Chart scratch

js Chart graph WebSocket

[JavaScript] 16진수와 10진수, 8진수, 2진수 변환하기 - toString, parseInt

정수 9(10진수)를 2진수로 변환하면 1001 이다. 이렇게 10진수를 2진수로 변환할 땐 다음과 같다. let dec = 9; let hex = dec.toString(2); 이처럼 10진수를 2진수로 변환할 땐 toString 함수를 사용하면 된다. 10...

Javascript & jQuery 10진수 16진수 2진수 8진수 javascript js PARSEINT tostring 변환

[JavaScript] 배열 요수 중 최대값, 최소값 구하기 - reduce 함수 활용

다음과 같이 배열 안에 여러 숫자 요소가 있을 때, const array = [1, 6, , 7, 16, 22, 32, 34]; 최대값과 최소값을 구할 때 reduce 함수를 사용하면 쉽다. // 최대값 구하기 var max = array.reduce((previous, c...

Javascript & jQuery array javascript js MAX MIN PURE reduce 배열 최대값 최소값

[Vue.js] Vue 인스턴스 라이프 사이클

Vue 인스턴스는 객체로 생성되고, 데이터에 대한 watch 기능을 설정하는 등 작업을 위해 초기화를 수행한다. 그리고 이 과정에서 다양한 라이프 사이클 훅 메서드를 적용할 수 있다. 라이프 사이클 훅 설명   befor...

Vue.js beforeCreate beforeDestory beforeMount beforeUpdate create destory LifeCycle Mounted Update vue vuejs 라이프사이클

[Vue.js] vue-cli

vue-cli 는 커맨드라인 인터페이스 기반의 스캐폴딩 도구.  scaffolding: 원래는 '공사장 등에서 사용하는 임시 가설물'이라는 뜻. 개발할 때 처음부터 개발하는 것이 아니라 기본적인 인터페이스와 틀을 제공. 개발...

Vue.js browserify browserify-simple CLI PWA template vue vue list vue-cli vueify vuejs webpack webpack-simple

이미지(썸네일) 크기조정 및 가운데 정렬, 자르기

이미지(썸네일)의 크기를 조정하거나 노출하고 싶은 부분만을 잘라내어(Crop) 출력하는 방법들에 대한 이야기입니다. 서버단에서 넘겨받은 이미지를 재가공할때 생각해볼 만한 기법들을 소개합니다. 이미지 크기조정...

크로스브라우징 Crop CSS thumbnail

npm install 시 .npm/_cacache/tmp/git-clone permission denied 문제 발생

아래 명령들을 각각 시도해보았다.$ chown -R $(whoami) ~/.npm$ npm install --cache /tmp/empty-cache$ npm i --unsafe-perm$ npm i --unsafe-perm --cache /tmp/empty-cache위 명령들로도 해결이 안되는 경우가...

NodeJS NPM yarn

[AngularJS] One time binding

Angular 에서 View 와 Component 에서 발생한 데이터의 변경 사항을 자동으로 일치시키는 기능을 제공하는데, 이를 Data Binding (데이터 바인딩) 이라고 한다. 그리고 Angular 의 데이터바인딩 방법에는 크게 두 종...

angular binding component data data binding Interpolation js One time binding One-Way Data Binding Two-Way Data Binding 단방향 데이터 데이터 바인딩 바인딩 앵귤러 양방향