Closure란? 클로저에 대한 많은 정의와 개념에 대해 들어봤지만 아래의 문장이 가장 기억에 남는다. Closures are nothing but FUNCTIONS WITH PRESERVED DATA 클로저란 그저 보존된 데이터를 갖고 있는 함수이다.
ES2015 부터 자바스크립트는 클래스 문법을 직접 지원합니다. 클래스 상속을 위해 extends 란 명시적인 키워드가 제공되고, 생성자 안에서 super 메서드 호출이 가능해졌습니다. 무엇보다 반가운건 클래스 내부 어디에서 사용하든 this 는 현재 인스턴스를 참조하도록 제공된다는 점입니다. 그동안 자바스크립트는 의사(pseudo) 클래스를 이용해 프로토...
오늘은 swiper.js로 만든 슬라이더들안에 youtube영상을 넣어보는 것을 알아보고자 한다. 기본적인 swiper를 생성하는 방법은 이 링크로 들어가면 자세히 알 수 있다. index.html 이것으로 swiper안에 youtube넣기를 마치겠습니다 :)
본 문제는 프로그래머스 코딩테스트 연습에서 따온 문제이다. 두 정수 사이의 합 문제 설명 두 정수 a, b가 주어졌을 때 a와 b 사이에 속한 모든 정수의 합을 리턴하는 함수, solution을 완성하세요. 예를 들어 a = 3, b = 5인 경우, 3 + 4 + 5 = 12이므로 12를 리턴합니다. 제한 조건 - a...
문제 IE에서의 ajax 요청이 캐싱되는 문제 정확히는 GET방식으로 요청할 때 캐싱되는 문제이다. jQuery에서는 아래의 방식으로 이 문제를 해결한다. 결론 GET방식만 캐시된다면 POST방식을 그냥 쓰면 되지 않을까 생각했지만 그건 아닌 것 같다. 전혀 RESTful하지 못하다. 그렇다면 쿼리스트링을 상황에 맞게 적용하는 것이 제...
웹 개발을 하다보면 특정 문자열을 로 처리해야할 때가 있다. 처음과 마지막 글자만 보여주고 중간 글자들은 다 로 만드는 함수이다. 우선 문자열이 2글자인지 아니면 그보다 더 많은지 검색한다. 문자가 2글자 이하면 사이 글자가 없으므로 마지막 글자만 \로 만든다. 입력 받은 문자열을 배열로 만든 다음 처음과 마지막 글자 말고 나머지 값을 로 바꾼다....
입력 폼 개발 시 사용자가 input에 한글만 적게 하고 싶을 때가 있다. 처음엔 이런식으로 하면 될 줄 알았지만 keypress로 적용하니 정상 작동하였다. 결론 한글 입력 시 이벤트를 걸려면 keyup 말고 keypress !!!!
prototype object 자바스크립트는 '클래스'라는 개념이 없다. 그래서 기존의 객체를 복사해 새로운 객체를 생성하는 프로토타입 기반의 언어라고 불린다. 이렇게 생성된 객체는 또 다른 객체의 원형이 될 수 있다. 클래스가 없으니 기본적으로 상속기능도 없다. 그래서 프로토타입을 기반으로 상속을 구현해 사용한다. (ES6에서 클래스가 추가 됨.) ...
this란? The Object that is executing the current function 매번 달라지는 this 어떻게 함수를 호출했느냐(execution context)에 따라 this가 달라진다. - method - obj
오늘은 함수자(Functor)에 대해서 알아보도록 하겠습니다. 함수형 프로그래밍에 생소하신 분들은 `함수자`라는 용어가 생소하실 수 있습니다. `특정한 조건을 만족하는 객체`라고 생각하시면 됩니다.
* 참고 사이트 * http://www.json.org/ https://www.geeksforgeeks.org/javascript-json-stringify-with-examples/ https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON JSON( JavaSc...
OBJECTS Looping Through Objects Loops are programming tools that repeat a block of code until a condition is met. We learned how to iterate through arrays using their numerical indexing, but the k...
Destructured Assignment 구조분해할당 요약 when? 객체에서 key-value 페어를 변수로 저장하고 싶을 때 why? simplicity how?The syntax of using destructured assignment will look like: 참고 ...
두 번째 글입니다. 함수형 프로그래밍에서는 함수의 조합으로 원하는 값을 만들어 냅니다. 함수의 조합인 함수 컴포지션에 대해서 살펴보도록 하겠습니다. 그리고 커링 기법을 이용해 함수 컴포지션의 멋진 형태의 코드를 만드는 방법에 대해서도 알아보도록 하겠습니다.
정확히 이해하고자 정리해두는 글. offset() 가장 많이 사용하는 메서드는 top이 있다. 이 메서드를 사용해서 window창으로부터 거리계산을 할 수 있다. offset.jpg stop point계산은 해당 스탑포인트의 offset().top에서 해당 엘리먼트의 전체 height크기를 빼준다. 플로팅할 대상을 어느정도 스크롤 내린...
Promise ? 비동기 처리를 도와주는 객체 Sync vs Async 동기프로그래밍은 조건문이나 함수호출이 따로 없다면, 코드는 위에서 아래로 연속적으로 실행된다. 네트워크 요청 및 디스크 I/O와 같은 시간 소요가 많은 태스크의 경우 blocking 처리 된다. 비동기 프로그래밍의 경우 엔진이 이벤트 루프 안에서 실행이 되는것을 의미한다....
재귀함수(recursion)를 활용해 getElementsByClassName() 메소드를 구현해봤습니다.
![[ES6] filter, map, reduce 정리](https://thumb.velog.io/resize?url=https://images.velog.io/post-images/poburi/24e2d730-006e-11ea-a80e-d3307d721004/resize.jpeg&width=512)
환경 - VS code - ESLint - 이 문서는 유튜버 Traversy Media님의 영상을 보고 filter, map, reduce 메서드의 사용법을 익히고자 정리하였습니다. 각 요소를 테스트해서 true를 반환하면 요소를 유지하고, false를 반환하면 버립니다. callback 테스트를 통과하지 못한 배열 요소는 그냥 건너뛰며 새로운 ...
환경 - VS code - ESLint (VS code 플러그인) - VS code 프로그램에 설치된 ESLint플러그인을 사용해 저장시 자동으로 포맷을 정리해주는 환경 설정을 해보려고 합니다. 우선, 아래 명령어를 입력하여 초기 세팅을 해줍니다.: ezgif.com-video-to-gif.gif...
