-
Javascript, jQuery 2021‧12‧30
JS - ?? 연산자 넣어서 기본 값 넣기 (null 병합 연산자)
?? 는 널 병합 연산자 (Nullish coalescing operator) 로 ES6부터 쓰기 시작했다.지원 브라우저 체크하는게 좋다. 설명) 'A가 null 이거나 undefined이면 B로 해라' 라고 까지만 설명들을 봤다. 좀 더 디테일한 설명이 필요한데 'A가 null 이거나 undefined이면 B로 하고 그렇지 않으면 A로 하라' 라고 풀어 설명해 주는게 좋을 듯 하다. 나는 기본값을 지정해주는 용도로 사용하고 있다.위 문법 […]
-
Javascript, jQuery 2020‧07‧20
JS - reduce()
타겟 배열을 가지고 배열의 0번째부터 끝번째까지 순차적으로 가공을 거치는 데 이때 결과값을 누산기는 곳에 할당하고 최종 결과값은 이 마지막 누산기에 할당된 값을 반환한다. 사용 방법은 아래와 같다. 하지만 대부분 누산기의 값과 현재값을 비교하여 사용하기 때문에 아래처럼 쓴다.초기값도 필요에 따라 생략 가능하다.(누산기라는 말이 어려우면 이전 결과 값이라 생각하면 좋을 것 같다.) 예제로 살펴보자. 위 예제는 배열의 […]
-
Javascript, jQuery 2020‧07‧20
JS - map()
타겟 배열을 가지고 배열의 0번째부터 끝번째까지 하나하나 가공을 거쳐 새로운 배열로 반환하는 것 위 예제는 배열 arr 의 요소들을 곱하기 2로 한 뒤 새로운 배열에 담아 반환하는 것이다.설명하자면 배열 arr 의 하나하나 요소가 맵안에 만들어진 연산을 거쳐 새로운 배열에 그 요소가 들어가는 것이다.
-
Javascript, jQuery 2020‧07‧20
JS - filter()
타겟 배열을 가지고 배열의 0번째부터 끝번째까지 조건에 대입한 뒤 조건에 맞는 것들만 모아서 새로운 배열로 반환하는 것 위 예제는 배열 arr을 2보다 큰 수일 경우를 배열로 반환하는 것이다.설명하자면 배열 arr 의 하나하나 요소가 필터안에 만들어진 조건에 충족되면 새로운 배열에 그 요소가 들어가는 것이다.
-
Javascript, jQuery 2020‧07‧15
가변 인수와 가변 인수의 최대값 구하기
정해진 매개변수의 함수가 아니라 가변적인 인수를 받아서 처리할 경우 받은 가변 인수를 가지고 최대값을 가져오는 예제 코드이다. 가변 인수를 가져올 때는 함수안에서 arguments 를 사용하면 된다.ES6 부터는 rest 파라미터라고 fn(...파라미터명) 이런식으로 사용하면 된다. 주석 처리한 총 4가지 방법이 있다.Math.max.apply 는 ES6 이전 방식이고 Math.max 는 ES6 스프레드 연산자를 사용한다. 나머지는 reduce() 와 sort()를 사용한다.
-
Reactjs 2017‧04‧21
React - 01. 준비하기
완전 처음 접한다. 들어는 보았지만 어떻게 시작해야할지 찾아다니면서 엄청 해맸다. 내가 생각하기엔 결론은 두가지 방법이다. 중요한건 ES6, JSX다. 실서버에 올려놓고 ES6와 JSX를 변환을 하느냐? 아니면 올려놓기 전에 변환하고 올리느냐 라는 방식으로 난 구분했다. 올려놓고 번들링 하는 방식의 구축 방법은 http://yumere.tistory.com/78 그렇지 않고 로컬에서 npm으로 번들링하여 완성하고 구축하는 방법은 https://velopert.com/814 이렇게 두가지 방식으로 난 구분을 했고, 후자의 방식으로 […]