-
AWS, Javascript, jQuery 2020‧12‧13
동영상 스트리밍 서비스 구축 (AWS s3/cloudFront, HLS, video.js)
동영상을 스트리밍 할 수 있는 방법론은 다양하다.구글을 검색하고 정리하고 다시 찾고 시도하고 해왔지만 결론은 동영상을 HLS로 인코딩하고 그 파일을 AWS의 S3에 업로드하여 cloud front에 배포되고 Javascript를 이용해서 사용자의 웹브라우져에서 스트리밍 하는 것이다. 이제부터 설명하는 플랫폼들의 UI와 기능은 2020년 12월 10일 기준으로 작성되어 차후 버전이 업데이트들 되면 다르게 작업해야할 수 있다는 점 주의해야 한다.자세한 설명은 생략하고 […]
-
Reactjs 2020‧10‧27
iOS에서 뒤로 가기 전환시 스크롤링 포지션 이슈 (route, scrollTop)
최근에 react.js 로 구현된 어플리케이션에서 페이지 이동 후 뒤로 가기 위한 행동을 하면 스크롤 포지션이 엄하게 바뀌는 경우를 대처하기 위해 이런 저런 방법을 찾아 본 뒤 원인을 찾게 되었다. iOS에서 앵커 태그(a) 가 아닌 이동일 경우에 생기는 이슈인 듯 하다.예) this.props.history.push('/main');리액트 라우터를 이용해 페이지가 전환되었을 경우 생기는 데 기존 프로젝트에 보니 route에 scrolltop이라는 컴포넌트를 보고 […]
-
Javascript, jQuery 2020‧10‧16
html2canvas 사용시 특정 영역 프린트 제외 시키기
data-html2canvas-ignore 속성으로 프린트 제외하고 싶은 엘리먼트를 지정할 수 있다.아래 예제에 data-html2canvas-ignore 속성에 true를 넣은 것을 볼 수 있다.
-
Javascript, jQuery 2020‧10‧15
정규식 화폐 단위 처리
₩£¥ 과 같은 화폐 통화 표시는 정규식으로 처리해도 적용이 안될 때가 있다. 이럴 때는 유니코드 정규식을 구글 검색하면 된다. 사용 예는 아래와 같다. 유니코드 정규식은 ES5와 ES6 구분되니 꼭 맞춰서 사용해야 한다.
-
Php 2020‧10‧14
php- 날짜 비교 개월 수로 표현하기
특정 날짜 사이를 개월 수로 나타내 주는 코드이다. 오늘로부터 몇개월인지 계산 하는 방법은 $datetime2를 변경하면 된다.
-
Wish become to creative developer with new intelligent and experienceWish become to creative developer with new intelligent and experience
-
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 스타일을 강제로 넣기 때문이다. 그래서 로그인이 성공하여 팝업창이 닫히면서 본창에 이벤트를 […]
-
nis@naminsik.com (ง •̀_•́)ง facebook.com/kisniman instagram(@kisniman) ฅ•ܫ•ฅnis@naminsik.com (ง •̀_•́)ง facebook.com/kisniman instagram(@kisniman) ฅ•ܫ•ฅ