Search result

Laravel Nova에서 Vue devtools 사용하기

Laravel Nova에서 custom tool을 개발하다 보면 Vue 컴포넌트에 대해 살펴보거나 조작할 필요가 있다. 그런데 Nova에 접속을 하면 크롬의 Vue devtools 확장도구에 불은 들어오지만 프로덕션 상태로 build......

PHP Laravel FrontEnd

[CSS] deep selector

부모 컴퍼넌트에 있는 엘리먼트 뿐만 아니라 자식 컴퍼넌트에도 동일한 클래스명이 있다면 전부 적용   CSS 에서 사용 하는 방법 .parent-class >>> .child-class { /* ... */ } // 1번째 사용 방법 .parent-class[d...

CSS Class Deep scss Selector Style 셀렉터 쉐도우

[CSS] Flex Div 안에 이미지 사용시 IE Bug

IE 에서 flex div 안에 이미지를 넣고 flex 크기에 따라 이미지 크기도 가변되도록 넣어놓았을 시 resizing 이 안되는 버그가 있다.   예를들어 이미지 원본 사이즈가 500px * 500px  인 이미지가 300px * 300px 인...

bug CSS div explorer Flex IE img min-height resizing 이미지

[Javascript] 교집합, 차집합, 배타적논리합

다음과 같이 두개의 배열이 있었을 때 let arr1 = [1, 2, 3]; let arr2 = [2, 3, 4, 5]; 두 배열의 값들을 비교하여 합, 교, 차의 값을 구하고 싶다면 다음과 같다.   1. 차집합 let difference = arr1.filter(x =>...

Javascript & jQuery array concat ES7 Filter javascript js 교집합 배열 배타적논리합 차집합

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