개발
Frontend
11/21
구글 애드센스 광고 로딩 안되면 영역 감추기 (2) ~ Intersection Observer
구글 애드센스 광고 로딩 안되면 영역 감추기 - eruLabo구글 애드센스를 쓴다면 가끔 투명광고가 나올때가 있다. 뭐 말이 투명광고지 그냥 광고 로딩이 안되서 해당영역이 비어있는 경우이다. 애드핏의경우에는 이럴경우에 대체광고를 지정할수있는데 구글은 그런기능은...https://erulabo.com/213 광...
개발
Frontend
11/05
코드 하이라이터(highlight.js) 적용 및 플로라 에디터 연동
개발 관련 글을 쓰다보면 코드 하이라이팅이 필요한 경우 많다. 그냥 하이라이팅을 무시하고 텍스트로 적을 수 있긴하지만 그러면 코드의 가독성이 나빠진다. 그래서 기존엔 컬러 스크립터 라는 온라인 에디터를 통해서 변환한다음에 HTML 아웃 풋을 에디터에 복사하는 방식으로 코드 하이라이팅을 진...
개발
Frontend
10/24
Javascript 객체 병합
개발하다가 좀 신기한 기능을 보게되서 기록하게 되었다. ajax 통신을 위해서 위와 같이 여러가지 데이터를 패킹해서 백단으로 보내는데, body에 해당하는 데이터 파라미터들이 너무 나열되어있고 또 이 내용을 다른데에서 반복해서 쓰려니 좀 더 괜찮은 방법이 없나해서 머리좀 굴려보았다. 단순히 생...
개발
Frontend
09/26
Javascript 함수 중복 호출 막기(제어)
앞단 서브밋에 해당하는 특정 함수를 여러번 실행되지 못하게 막을 필요성이 있어서 아래와 같은 함수를 적용해보았다. 원리는 무진장 간단하다.함수 하나를 받아서 실행시킬때 그 함수의 호출시간을 lastCall 변수에 저장해두고 이후 함수 호출시 현재시간 now 에서 기존 lastCall 변수의 값을 뺀값이...
개발
Frontend
02/25/2021
es5만 지원되는 ie같은 브라우저에 es6 쓰는 방법, 바벨(babeljs)
es5만 지원하는 더러운 ie 같은 브라우저가 있다.ie11은 es2015까지만 지원해줘서 remove()나 parameter default 같은 es6의 기능을 쓰려면 이를 es5에 맞게 컨버팅 해줘야 한다. 뭐 코드를 es5로 짜면되겟지만 이미 한물 간 스크립팅하느니 es6로 개발하고 컨버팅하는게 낫지요. Laravel 같이 Webpack...
개발
Frontend
02/25/2021
브라우저별로 스크립트 따로 쓰는 법, ie 조건문
ie용 es5 스크립트 패킹한걸 브라우저 조건문을 통해 로드하는 방법입니다. 스크립트 위치에 어디든지 적용 예시 컨디셔널 코멘트로 여러 브라우저나 미디어에 대해서 조건문을 설정할 수도 있음.
개발
Frontend
02/16/2021
jquery filter, 실시간 검색
테이블이나 리스트형식의 데이터를 jquery filter와 toggle을 응용해 구현한 코드입니다.실시간 검색 물씬 남. HTML(Laravel Blade Template) Line 12의 input 태그에 onkeyup="tableFilter(this)" 으로 필터가 작동됨.
개발
Frontend
12/31/2018
Ajax를 이용해 Post 요청하는 방법들
jQuery 웹 프로그래밍을 하다보면 Ajax를 이용한 비동기 로딩을 하는 경우가 발생합니다. 비동기 로딩은 정말 리액티브한 웹을 구성하는데 있어 필수 불가결이지만 클라이언트 성능이 따라 어떻게 작용될지 모르는 사항이라... 이리저리 생각하고 따져봐야할게 많기도합니다. 그만큼 여러가지 상황에...
개발
Frontend
12/27/2018
랜덤으로 한글이름 생성하기
목업 페이지를 만들거나 디비에 더미데이터를 넣기위해서 이름을 생성하는 경우가 있습니다. 데이터가 한 두개 정도라면 직접 타이핑해서 넣겠지만 넣어야할 데이터가 100개이상만 되도 수작업은 사실상 불가능하겠죠. 단순히 모든 한글글자중에 랜덤으로 3개만 섞어서 출력하면 될거같은데... 생각보...