Search result

발표, Serverless 프레임워크로 Nuxt 앱 배포하기

Serverless 프레임워크를 사용하여 AWS Lambda 환경에 Nuxt 앱을 배포하는 방법에 대해 이야기합니다. 2019년 6월 JAVASCRIPT IS EVERYWHERE에서 발표한 내용입니다. (슬라이드쉐어의 한글 폰트 문제로 인해 업로...

serverless awslambda nuxt vue

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