구글 블로그(Blogger) 비밀번호로 보호된 게시글 기능 구현

[ 개요 ]

자바스크립트를 이용하여, 구글블로그의 게시글에

비밀번호를 설정하여 보호하는 기능을 추가해보자

---

[ 코드복사 ]

---

[ 설명 ]

prompt함수를 이용하여 값을 입력받을 수 있다.

(두번째 인자는 생략해도 된다고 함)

비밀번호를 틀렸을때,

새로고침 또는 페이지 이동하는거 말고

본문 요소를 조작하기 위해서

F12(개발자도구)를 이용하여 id를 찾는다.

(* 스킨마다 다를 수 있으니 주의)

id가 post-body인 요소를 삭제해보니

본문 부분이 위와 같이 없어진다.

스크립트를 위와 같이 작성하여 추가한다.

* 익명함수로 감싸 지역변수화시킴으로써

F12에서 password값을 알 수 없도록 했다.

* 코드분석으로 password값을 알아낼 수 있으므로

난독화를 적용하거나, 자체 인코딩/디코딩 기능을

추가하면 좋을 것으로 보인다.

○ 테스트 페이지 : 링크

그러면, 비밀번호를 올바르게 입력했을때만

본문이 표시되도록 할 수 있다.

---

[ 참고자료 ]

링크1(urliveblogger.blogspot.com)

: 게시글 페이지 비밀번호 설정 방법

링크2(shanepark.tistory.com)

: Javascript로 페이지 리다이렉트 하는 방법

location.href vs location.replace

링크3(7942yongdae.tistory.com)

: Javascript - 새로 고침 [reload]

링크4(developer-talk.tistory.com)

: [JavaScript]prompt 함수 사용 방법