-
AWS, Server 2020‧10‧12
pagespeed 비활성화 시키기 (bitnami WordPress)
AWS의 lightsail 서비스를 이용하다 보면 js나 css에 서버 캐시가 잡혀 있어서 ftp로 파일을 업로드하면 바로 적용이 안되고 시간이 지나야 확인을 할 수 있다. bitnami wordpress 로 설치된 경우가 그러한데 서버에서 비활성화 시키면 된다./opt/bitnami/apache2/conf/httpd.conf 를 편집기로 열어서 아래 코드를 찾는다. 아래처럼 #으로 주석 처리한다. 그런 후에 아파치를 재시작 한다.
-
Javascript, jQuery 2020‧09‧15
map 역순으로 처리 (배열 역순)
map을 사용할 때 순서를 역으로 진행하고 싶을 때 아래처럼 사용한다.원본 배열을 건드리지 않고 역순으로 하려면 사본을 만든 다음 반대로 만들고 map을 실행하면 된다.
-
Javascript, jQuery 2020‧09‧01
JS - object가 비어있는 지 체크( length도 체크)
예를 들어 var a = {} 이런 식으로 비어있는 지 아닌지 체크하는 코드 길이를 구할 때는 위에도 사용하였지만 이렇게 불러도 길이를 가져올 수 있다.
-
Javascript, jQuery 2020‧07‧22
카카오톡 간편 로그인 2.0 팝업창 띄웠을 때 부모창 overflow hidden 이슈
카카오톡 간편 로그인 2.0의 경우 팝업창으로 로그인을 띄우면 window.open 으로 로그인 창이 뜬다. 이 때 로그인 진행을 하지 않고 그대로 팝업창을 닫으면 본창이 스크롤이 사라져 있음을 발견할 수 있다.이 것은 팝업창으로 로그인 폼 띄울 때 카카오톡 간편 로그인 자바스크립트에서 html과 body에 overflow : hidden 스타일을 강제로 넣기 때문이다. 그래서 로그인이 성공하여 팝업창이 닫히면서 본창에 이벤트를 […]
-
Javascript, jQuery 2020‧07‧20
JS - Object.entries() 대상 객체를 각 키,값으로 배열로 담은 배열
타겟 객체에 있는 각 요소마다 키와 값이 있는데 이 것을 [키, 값] 바꾸고 모든 변경된 요소들을 새로운 배열에 담아 반환한다. 위 예제의 결과값은 [["user_a", 50], ["user_b", 15], ["user_c", 30], ["user_d", 100], ["user_e", 80]] 이렇게 나온다. 보통 entries는 단독으로 쓰이기보다 reduce 함수나 map 함수등을 활용한다. 이렇게 dataobj 객체에서 가장 큰 값을 가진 키와 값을 반환하는 조합에 […]
-
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 2020‧07‧15
컴포넌트 안에서 method 호출 or arrow 함수 호출 (feat. this 이슈)
예를 들어 클릭 이벤트에 state 의 값을 변경하려고 함수 호출하거나 메서드를 호출한다.ES6 문법의 arrow 함수 방식으로 호출할 경우는 증가 버튼을 클릭하면 onClick으로 handleInc 인 arrow 함수 호출하여 state 값을 변경하는 예제였다.이 것을 ES6 문법이 아닌 예전 방식으로 코딩하면 아래와 같다. constructor 안에서 이벤트 메서드를 this.handleInc = this.handleInc.bind(this); 이런식으로 this를 바인딩 해줘야한다.그렇지 않으면 number 가 undefined […]