티스토리

Blue Breeze
검색하기

블로그 홈

Blue Breeze

bluebreeze.co.kr/m

C.H가 끄적이는 개발자 로그

구독자
0
방명록 방문하기
공지 티스토리 반응형 디자인 적용 모두보기

주요 글 목록

  • window.performance.navigation.type vs PerformanceNavigationTiming.type window.performance.navigation.type PerformanceNavigationTiming performancenavigationtiming/type PerformanceNavigation.type Read only Deprecated An unsigned short which indicates how the navigation to this page was done. Possible values are: TYPE_NAVIGATE (0) The page was accessed by following a link, a bookmark, a form submission, or a script, or by typing the URL in the address bar. TYPE_RELOAD.. 공감수 0 댓글수 0 2022. 7. 7.
  • Chat Of vega-lite vega.github.io vega-lite Editor vega-lite-examples 공감수 3 댓글수 0 2021. 10. 21.
  • Javascript Promise Promise MDN: Promise Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다. Promise는 다음 중 하나의 상태를 가집니다. 대기(pending): 이행하거나 거부되지 않은 초기 상태. 이행(fulfilled): 연산이 성공적으로 완료됨. 거부(rejected): 연산이 실패함. 생성자 Promise() 이미 프로미스를 지원하지 않는 함수를 감쌀 때 주로 사용합니다. 속성 Promise.length 값이 언제나 1인 길이 속성입니다. (생성자 인수의 수) Promise.prototype Promise 생성자의 프로토타입을 나타냅니다. 메서드 Promise.all(iterable) iterable 내의 모든 프로미스가 이행한 뒤 이행하고, 어떤 프로.. 공감수 3 댓글수 0 2021. 1. 4.
  • Element.scrollIntoView() Element.scrollIntoView() Element.scrollIntoView() Syntax element.scrollIntoView(); element.scrollIntoView(alignToTop); // Boolean parameter element.scrollIntoView(scrollIntoViewOptions); // Object parameter Parameters alignToTop Optional Value: Boolean true: default 요소의 상단이 스크롤 가능한 상위 항목의 표시 영역 상단에 정렬됩니다. scrollIntoViewOptions: {block: "start", inline: "nearest"}. false 요소의 하단이 스크롤 가능한 상위 항목의 표시.. 공감수 3 댓글수 0 2020. 11. 6.
  • JavascriptHTMLDialogElement.returnValue HTMLDialogElement.returnValue 공감수 4 댓글수 0 2019. 12. 19.
  • Javascript EventTarget() EventTarget() EventTarget은 이벤트를 받고 그 이벤트 수신기(listener)를 가질 수 있는 객체에 의해 구현된 인터페이스입니다. Element, document 및 window는 가장 흔한 이벤트 대상(target)이지만, 예를 들어 XMLHttpRequest, AudioNode, AudioContext 및 나머지 다른 객체들도 이벤트 대상이 될 수 있습니다. 많은 이벤트 대상(element, document 및 window 포함)도 on... property 및 attribute를 통해 이벤트 처리기 설정을 지원합니다. 메서드 EventTarget.addEventListener() EventTarget에 특정 이벤트 유형의 이벤트 처리기를 등록. EventTarget.remove.. 공감수 3 댓글수 0 2019. 12. 18.
  • Canvas Tutorials 캔버스 튜토리얼 요소 대체 콘텐츠 current stock price: $3.15 +0.15 렌더링 컨텍스트 엘리먼트는 고정 크기의 드로잉 영역을 생성하고 하나 이상의 렌더링 컨텍스(rendering contexts)를 노출하여, 출력할 컨텐츠를 생성하고 다루게 됩니다. var canvas = document.getElementById('tutorial'); var ctx = canvas.getContext('2d'); // document.getElementById() 메서드를 호출하여 요소를 표시할 DOM을 검색합니다. // 요소가 있으면 getContext() 메서드를 사용하여 드로잉 컨텍스트에 액세스 할 수 있습니다. 지원여부 검사 var canvas = document.getElementById.. 공감수 3 댓글수 0 2019. 12. 17.
  • VanillaJS Form serialize() Favorite animal: Brine shrimp Red panda Spider monkey Cancel Confirm Array.from(document.querySelector('form')).map(item=>item.name?`${item.name}=${item.value}`:null).filter(item=>!!item).join('&') // "favAnimal=&animallName=Tiger" 공감수 3 댓글수 0 2019. 12. 16.
  • JS Function.method JS Function.method Function.prototype.apply() 주어진 this 값과 배열 (또는 유사 배열 객체) 로 제공되는 arguments 로 함수를 호출합니다. 참고: 이 함수의 구문은 거의 call() 구문과 유사합니다. 근본적인 차이점은 call() 은 함수에 전달될 인수 리스트를 받는데 비해, apply() 는 인수들의 단일 배열을 받는다는 점입니다. 매개변수 thisArg 옵션. func 를 호출하는데 제공될 this 의 값. this 는 메소드에 의해 실제로 보여지는 값이 아닐 수 있음을 유의합니다. 메소드가 non-strict mode 코드의 함수일 경우, null 과 undefined 가 전역 객체로 대체되며, 기본 값은 제한됩니다. argsArray 옵션 func.. 공감수 3 댓글수 0 2019. 12. 11.
  • JS Array.Method Array.Method 실행 Array.prototype.forEach() 주어진 함수를 배열 요소 각각에 대해 실행합니다. forEach()는 주어진 callback을 배열에 있는 각 요소에 대해 오름차순으로 한 번씩 실행합니다. 삭제했거나 초기화하지 않은 인덱스 속성에 대해서는 실행하지 않습니다. (예: 희소 배열) callback은 다음 세 인수와 함께 호출됩니다. 요소 값 요소 인덱스 순회 중인 배열 // arr.forEach(callback(currentvalue[, index[, array]])[, thisArg]); ['a', 'b', 'c'].forEach(x=>console.log(x)) // "a" // "b" // "c"채우기 Array.pr.. 공감수 3 댓글수 0 2019. 12. 10.
  • JS Array.prototype.reduce() Array.prototype.reduce() reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환합니다. 매개변수 callback 배열의 각 요소에 대해 실행할 함수. 다음 네 가지 인수를 받습니다. 누산기accumulator (acc) 누산기accmulator는 콜백의 반환값을 누적합니다. 콜백의 이전 반환값 또는, 콜백의 첫 번째 호출이면서 initialValue를 제공한 경우에는 initialValue의 값입니다. 현재 값 currentValue (cur) 현재 인덱스 currentIndex (idx) 처리할 현재 요소의 인덱스. initialValue를 제공한 경우 0, 아니면 1부터 시작합니다. 원본 배열 array (src) re.. 공감수 3 댓글수 0 2019. 12. 9.
  • ECMA6 타입배열 Type Array 타입 배열은 트구한 목적을 가진 배열로, 숫자 타입(모든 타입이 아님)과 동작하도록 설계 되었다. 타입 배열은 WebGL로부터 시작되었으며, WebGL은 OpenGL ES 2.0을 포팅하여 웹 페이지에서 엘리멘트와 사용되록 설계된 버전을 의미한다. javascript에서 빠른 산술 비트 연산을 제고하기 위한 포팅 과정의 일부로 타입 배열이 만들어 졌다. javascript 숫자를 이용한 산술 연산은 숫자를 64bit 부동소수점 형식으로 저장하고 필요에 따라 32bit 정수로 변환했기 때문에 WebGL을 위해서는 너무 느렸다. 타입 배열은 이러한 제약을 피하고 더 나은 성능의 산술 연산을 제공하기 위해 도입되었다. 이 개념은 어떤 단일 숫자든지 비트 배열처럼 처리될 수 있도록 하며, j.. 공감수 2 댓글수 0 2019. 6. 7.
  • ECMA6 새로운 메서드 ECMAScript 6 New Method find(), findIndex() let numbers = [25, 30, 35, 40, 45]; console.log(number.find(n => n > 33)); // 35, 3보다 큰값 console.log(number.findIndex(n => 33)); // 2, 3보다 큰값을 가지는 index fill() let numbers = [1, 2, 3, 4]; numbers.fill(1); console.log(numbers.toString()); // 1, 1, 1, 1 numbers.fill(1, 2); console.log(number.toString()); // 1, 2, 1, 1 numbers.fill(0, 1, 3); console.log(n.. 공감수 2 댓글수 0 2019. 6. 5.
  • ECMA6 배열생성 배열 만들기, 배열 생성 Array.of() 메서드 // new Array() let items = new Array(2); console.log(items.length); // 2 console.log(items[0]); // undefined console.log(items[1]); // undefined items = new Array("2"); console.log(items.length); // 1 console.log(items[0]); // "2" let items = new Array(1, 2); console.log(items.length); // 2 console.log(items[0]); // 1 console.log(items[1]); // 2 let items = new Array.. 공감수 1 댓글수 0 2019. 6. 4.
  • ECMA6 WeakSet 2019/05/21 - [FrontEnd/JavaScript] - ECMA6 Set WeakSet 의 기능 add, delete, has 메서드를 가진다. WeakSet과 Set의 차이점 WeakSet 인스턴스에서 객체가 아닌 값이 전달되면 add() 메서드는 에러를 발생 시킨다(객체가 아닌 값이 전달되면 has()메서드와 delete()메서드는 항상 false를 반환한다). WeakSet은 이터러블이 아니므로 for-of 반복문에 사용될 수 없다. WeakSet은 어던 이터레이터(keys(), values() 메서드 같은)도 노출되지 않으므로, WeakSet의 내용을 프로그램적으로 확인할 방법이 없다. WeakSet에는 foreach() 메서드가 없다. WeakSet에는 size 프로퍼티가 없다. 공감수 2 댓글수 0 2019. 5. 22.
  • ECMA6 Set 2019/05/22 - [FrontEnd/JavaScript] - ECMA6 WeakSet ECMA6 Set 공감수 1 댓글수 0 2019. 5. 21.
  • ECMA6 function define ECMS6 function define 공감수 1 댓글수 0 2019. 5. 20.
  • ECMA6 name property ECMA6 name property 공감수 1 댓글수 0 2019. 5. 17.
  • ECMA6 spread operator ECMA6 spread operator 공감수 1 댓글수 0 2019. 5. 16.
  • ECMA6 args ECMA6 arguments 공감수 1 댓글수 0 2019. 5. 15.
  • ECMA6 String method ECMA6 String method 공감수 1 댓글수 0 2019. 5. 14.
  • ECMA6 template tag ECMA6 template tag 기능 공감수 1 댓글수 0 2019. 5. 13.
  • ECMA6 char ECMS6 에서 utf8, utf16, unicode 공감수 1 댓글수 0 2019. 5. 12.
  • TypeError: Cannot read property 'windowID' of null TypeError: Cannot read property 'windowID' of null TypeError: Cannot read property 'windowID' of null Error in event handler for (unknown): TypeError: Cannot read property 'windowID' of null at chrome-extension://hdokiejnpimakedhajhdlcegeplioahd/onloadwff.js:58:816001 at Object.handleResponse (chrome-extension://hdokiejnpimakedhajhdlcegeplioahd/onloadwff.js:58:757012) at r (chrome-extension://hd.. 공감수 0 댓글수 0 2018. 8. 10.
  • JSON 파일 및 MIME 타입 What is the correct JSON content type? - StackOverflow IANA 미디어 타입 MIME 타입의 전체 목록 - developer.mozilla.org 콘텐츠 네고시에이션Content Negotiation - developer.mozilla.org 내용협상 (Content Negotiation) - Apache HTTP Server Version 2.4 JSON 파일 및 MIME 타입 코어 JSON 규격에 따르면, JSON 데이터를 파일 시스템에 저장할 때 쓰이는 표준적인 파일 확장자는 .json이다. JSON의 IANA(Internat Assigned Numbers Authority) 미디어(혹은 MIME) 타입은 application/json이며, 이를 IANA .. 공감수 12 댓글수 0 2018. 6. 17.
  • JSON 스타일 가이드라인 자바스크립트 언어 자료 JSON 스타일 가이드라인 JSON에서 가장 중요한 것은 상호운용성이다. 그러므로 JSON 데이터 피드를 수신자 측에서 바라는 형태로 제공하는 것이 중요하다. Google은 JSON 스타일 가이드(https://google.github.io/styleguide/jsoncstyleguide.xml)를 배포하여 모범 사례를 공유하고 유지보수성을 향상시키는 데 기여하고 있다. Google의 JSON 스타일 가이드는 매우 광범위하지만, API 설계자 및 개발자에게 가장 중요한 것을 꼽자면 다음과 같다. 속성이름 날짜 속성값 열거형 값 속성 이름 속성 이름은(Google의 표현을 따르자면) 이름 값 쌍에서 콜론 왼쪽에 위치한다(속성 값은 콜론의 오른쪽). JSON의 속성 이름을 짓는 주요 .. 공감수 12 댓글수 0 2018. 6. 16.
  • JSON 버전 json org JSON Schema JSON 스키마 tmarrs/json-at-work-examples JSON 버전 더글라스 크락포드는 코어 JSON 표준에는 버전을 두지 않을 것이라고 공언한바 있다. 이는 현재 표준이 완벽하다는 의미가 아니다. JSON의 버전을 두지않는 이유는 이전 버전과의 하위 호환성을 유지하려다 직면할 수 있는 위험을 피하기 위한 것이다. 크락포드는 개발 커뮤니티의 새로운 요구가 발생하게 될 경우, 새로운 데이터 포멧이 JSON을 대체하는것이 맞다고 보고 있다. '버전을 두지 않는' 정책은 코어 JSON 데이터 포멧에만 적용된다. 예로 JSON 스키마 규격의 버전은 draft-07!(2018-06-08)이다. 이들 관련 규격은 JSON 커뮤니티와는 무관한 사람들이 작성한 것이기.. 공감수 12 댓글수 0 2018. 6. 8.
  • RegExp vs indexOf JavaScript: indexOf vs. Match when Searching Strings? RegExp vs indexOf 일반적으로 정규화 검색은 문제가 되지 않지만, indexOf 보다는 느리다. 공감수 11 댓글수 0 2018. 1. 12.
  • Chrome Javascript 유용한 기능 당신이 모를 수도 있는 크롬 개발자 콘솔 기능들 (Things you probably didn’t know you could do with Chrome’s Developer Console) Event 확인 getEventListeners($('selector')); // 엘리먼트에 모든 이벤트를 포함한 객체 배열(array of objects)을 리턴 이벤트 모니터링 monitorEvents($(‘selector’)) 코드 블록 실행 시간 확인 console.time('labelName'); console.timeEnd('labelName'); 변수 값 테이블 형식 보기 myArray=[{a:1,b:2,c:3},{a:1,b:2,c:3,d:4},{k:11,f:22},{a:1,b:2,c:3}]; consol.. 공감수 7 댓글수 0 2016. 11. 10.
  • Javascript 2015, ECMAScript6, ES6 프로리액트 React.js를 이용한 모던 프론트엔드 구축 ISBN 979-11-5839-042-6 부록B ES6 문법 정리 자바스크립트 2015는 ECMAScript6 또는 ES6이라고도 하며, 자바스크립트 언어의 새로운 버전이다. ES6에는 클래스, 모듈, 새로운 변수 선언 키워드와 프로미스를 비롯해 복잡한 애플리케이션을 작성하기 위한 새로운 구문이 많이 추가됐다. 또한 화살표 함수, 템플릿 문자열, 분해와 같이 코드의 표현력을 높이기 위한 새로운 도우미와 편의 문법syntactic sugar기능도 추가 됐다. 클래스 모듈 let과 const 프로미스 화살표 함수 템플릿 문자열 구조분해 할당 클래스 Class 자바스크립트 클래스는 ES6에 추가됐으며 자바스크립트의 기존 프로토타입 기반 상속에 기반을 두.. 공감수 6 댓글수 0 2016. 10. 9.
    반응형
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.