Posts tagged Javascript

Blogger에서 재귀함수를 통해 전체 글 리스트 얻어오기(for Archive page , JSONP API)

어제 밤부터 급 삘받아서 Archive 페이지를 만들었습니다. https://www.hahwul.com/p/blog-archive.html보통 게시...

How to Remove Unused JS/CSS with Browser developers tool

Hi.Today, I will briefly talk about how to identify unused JS and CSS on the web p...

Finding in-page scripts & map files with javascript (very simple..)

별 코드는 아니지만 만들어 놓고 쓰면 편하니..페이지에 있는 외부 스크립트 링크와 map 파일 링크 볼 수 있습니다. (map은 그냥 무조건 나타나...

Get cookie value in Javascript function

Javascript 에서 쿠키 값 가져오는 함수입니다. 자주쓰는데, 따로 정리 안해두니 삽질하는 것 같네요..메모 차 글 작성합니다. 코드스니핏!f...

Blogger에 목차 자동으로 추가하기(Table of Contents on blogger)

제 블로그 글에 아직까진 목차 개념이 없었는데, 아무래도 있는게 좋을 것 같아 새벽에 부랴부랴 만들어봤습니다.관련 내용 공유드립니당Subtitle ...

editor.js - Simple Markdown Javascript Library

하루패드(haroopad) 알기전에 google blogger에 markdown 어떻게 적용할까 고민이 많았었는데요, 그러면서 찾아본것들 중 하나 ...

우분투 18.04 에서 카카오톡 설치하기(Install kakaotalk on ubuntu 18.04)

📕특이사항WineTrick에서 사용하는 MPSetup.exe가 download.microsoft.com에서 삭제된 것 같습니다. 우선 대안...

카카오 플친, 자동응답 API를 이용해 챗봇 개발하기!

VAHA 관련해서 좀 고민하다 보니, 재미있는게 생각나서 간단하게 개발해볼까 합니다.카카오톡 플러스 친구와 자동응답 API를 이용해서 챗봇을 구성하...

Javascript를 이용하여 간단하게 카카오톡 공유(카카오링크) 적용하기

요즘은 SNS 공유 기능을 사용하지 않는 웹 페이지를 만나보기가 굉장히 어렵습니다. 특히나 블로그나 매체, 판매 사이트들은 컨텐츠의 공유에 있어 굉...

Protocol-relative URL - HTML/Javascript/CSS에서 주소 표시에 사용되는 double slash(//)는 무엇인가?

웹 코드에서 주소를 사용할 때 double slash(//)를 많이 사용하시나요? 요즘은 대체로 double slash를 많이 사용하는 것 같습니다...

[CODING] bookmarklet을 이용한 브라우저 내 기능 추가하기(vs Browser Extension)

한 1~2개월 전 쯤 Bookmarklet의 존재를 알았습니다.확장기능만 개발해서 써오던 저에겐.. 나름대로 신세계 였네요.(이 좋은걸 모르고 썼었...

[JQUERY] Create wait/loading animation using jquery(addClass,removeClass)

웹 개발을 하다보면 Ajax 등을 이용하여 데이터를 처리할 때 사용자의 눈을 즐겁게(?)하는로딩 바를 만드는 방법에 대해 작성하겠습니다.Jqeury...

[CODING] HTML/Javascript 를 이용한 팝업 레이어 만들기 :: Code for Popup Search Layer

블로그 디자인 수정 중 검색 부분에 재미있는 생각이 나서 약간 작업을 하였습니다.기존에 쓰던 검색창은 블로그에서 바로 보이고 입력 후 검색하는 방법...

[CODING] highlight.js 를 이용한 Code Highlight(HTML/CSS 처리)

웹 상에서 코드를 표현하기에는 굉장히 불편한 부분이 있습니다. 일일히 css를 적용하기에는 많은 시간이 들죠.그래서 highlight.js 에서 제...

[CODING] CSS를 이용한 h1, h2 태그 밑줄 적용하기(Editing for h1,h2)

각각 태그별로 디자인을 style 태그나 css를 통해 쉽게 꾸밀 수 있습니다.CSS에러 아래와 같이 .post 하단에 적용된 인스턴스에 대해서 밑...

[CODING] HTML에서 Javascript 를 이용한 Input 태그 엔터 처리(HTML Key Event Handler/Javascript Char Codes)

웹 개발을 하다 보면 텍스트 박스에서 submit, button 을 누르지 않고 엔터만으로 데이터를 전송하거나 페이지를 이동하는 등 액션이 들어가야...

Javascript 코드 난독화(Code Obfuscation)와 JS Packing

코드 난독화란 코드를 쉽게 알아볼 수 없도록 만드는 기술이다.쉽게 생각하면 "int a = 123" 이란 코드를 "int a = ((123+34+3...