Search result

[Javascript] 수학함수(Math), 값의 범위

float64 : 2**53-1, 1fffffffffffff, 9007199254 740991 - 16자리 - 자바스크립트는 64bit가 기본이지만 float방식, 그래서 정수의 유효정확도는 2**64가 아님 - 일반적인 정수처리( Math.random() 등) , 정수 유효...

javascript

[Javascript] for in, for of 차이

for( KEY in object) // 개체, 배열 대상 키 조회 for( Value of array) // 배열 대상 값 조회, 개체 안됨 //[Symbol.iterator] 속성을 가지는 컬렉션 전용( iterable objects ) Arrays, Strings, Maps, NodeLists,...

javascript

[Javascript] gulp 사용법 - js 파일 줄이기

자바스크립트 파일 압축(minify) https://www.npmjs.com/package/gulp-minify npm install gulp-cli -g npm install gulp -g npm install gulp -D npm install gulp-minify gulp-changed --save-dev //========= -...

javascript

[Javascript] 개체 복사 (Object Deep copy)

// 깊은 복사(Deep Clone) 테스트 var obj0 = { string: 'string', number: 123, bool: false, nul: null, date: new Date(), // stringified undef: undefined, // lost inf: Infinity, // forced to 'null' re: /....

javascript

컴포넌트 불러오기

import ChatUserList from './ChatUserList.vue'; 컴포넌트를 불러올 수 있다.1234567891011121314151617181920212223242526272829303132333435                                                    Chat Area     ...

vue

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 인...

CSS bug 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 교집합 배열 배타적논리합 차집합

[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 교집합 배열 배타적논리합 차집합