All Story
[ 꿀팁 ] 티스토리 블로그 네이버에서 검색되게 하기 ( 네이버 서치어드바이저 )
네이버(Naver)에 티스토리 블로그를 등록하려면? 네이버에서 검색할 때 본인의 티스토리 블로그를 노출시키고 싶다면, 네이버 전용 검색엔진 네이버 서치어드바이저(SearchAdvisor)에 등록해야한다. 아래의 과정을 순서대로 따라해보자. 1. 아래의 링크를 클릭해 네이버 서치어드바이저 페이지에 들어간다. 네이버 서치어드바이저(Naver SearchAdvisor) 2. '웹 마스터 도구'를 클릭한다. 아마 로그인 해야 할 것이다. 3. URL 입력란에 본인 블로그 주소를 http://본인 블로그 주소 형태로 입력후 화살표 버튼을 클릭한다. 필자는 이미 등록 되어있기에 아래의 창이 뜨지만 신규더라도 얼추 비슷한 사이트 등록란이 뜰 것이다. 예시 ) https://mjn5027.tistory.com 4. 사..
[ 꿀팁 ] 티스토리 블로그 구글에서 검색되게 하기 ( 구글 서치 콘솔 )
구글에 티스토리 블로그를 등록하려면? 구글에서 검색할 때 티스토리 블로그를 노출시키려면 구글 전용 검색엔진에 등록해야한다. 이러한 과정을 구글의 웹 마스터도구에서 지원하는데, 이름이 구글 서치 콘솔 ( Google Search Console ) 로 바뀌었다. 아래의 과정을 순서대로 따라해보자. 1. 아래의 링크를 클릭해 구글 서치 콘솔 페이지에 들어간다. 구글 서치 콘솔 ( Google Search Console ) 2. 아래의 '시작하기' 버튼을 클릭한다. 3. 구글 아이디로 로그인한다. 4. URL 접두어의 입력란에 본인 블로그의 주소를 입력 후 '계속' 버튼을 누른다. 아래처럼 http://본인 블로그 주소 형태로 입력하면 된다. 5. 소유권 확인 창이 뜨면 '다른 확인 방법'의 'HTML 태그'를..
[ JQuery ] 제이쿼리 동적으로 생성된 버튼에 이벤트 달기
JQuery 로 버튼에 이벤트를 달 때 우리는 보통, $(document).ready(function( ) { ... }) 안에 이벤트 선언을 하던, $(function() { ... }) 안에 이벤트 선언을 한다. 만약 아래처럼 첫 번째 버튼을 클릭하면 두 번째 버튼을 그려주는 코드가 있다고 가정하자. 첫 번째 버튼 첫 번째 버튼 ( firstButton ) 을 클릭하면 두 번째 버튼 ( secondButton ) 이 성공적으로 생성될 것이다. 이는 $(document).ready(function( ) { ... }) 안에 첫 번째 버튼의 이벤트를 선언해놨기에, 화면이 열리면서 해당 코드를 읽어 첫 번째 버튼에게 이벤트를 적용시켜주기 때문이다. 자, 그렇다면 이렇게 동적으로 생성 된 두 번째 버튼 ( ..
[ JQuery ] 제이쿼리 셀렉터 ( Selector ) ID, CLASS로 찾기
셀렉터(Selector)란? 이전 포스팅에서 JQuery 를 사용하는 이유가 엘리먼트를 쉽게 선택하고 이를 제어하기 위함이라 언급했다. 여기서 말한 엘리먼트를 쉽게 선택할 수 있도록 해주는 녀석이 바로 Selector 이다. JQuery 를 사용하는 가장 큰 이유가 이 Selector 라는 놈을 사용하기 위해서라고 해도 손색이 없다. 서론은 그만하고, 본론으로 넘어가보자. HTML 에선 태그들에게 id, class 등을 아래와 같이 선언하곤 하는데, AAAAA BBBBB 기존의 JavaScript 로 위의 엘리먼트들의 html 값을 뽑아내고 싶다면 getElementById, getElementsByClassName 등을 이용했을 것이다. 하지만 JQuery 는 저렇게 할 필요 없이 id 는 "#" 으로..
[ JQuery ] 제이쿼리란 무엇인가?
JQuery 란? 우리는 화면을 그려낼 때 JavaScript 를 기반으로 자주 만들어내곤 한다. 물론 JavaScript 만 써도 충분히 화면 작업이 가능하다. 하지만 보다 효율적이고 직관적이게 엘리먼트를 선택하고 제어할 수 있도록 해주는 JavaScript 라이브러리가 존재하는데 이게 바로 JQuery 이다. JavaScript 를 보다 쉽게 쓰기위해 사용하는 쿼리라고 생각하면 된다. 그럼 예제를 통해 JQuery 에 대해 알아보도록 하자. 시작하기 앞서 JQuery 를 사용하려면 아래의 경로를 head 태그 내에 명시해주어야 한다는 걸 알고 넘어가자. 자, 그럼 본론으로 돌아가서 만약 alert message 를 띄우는 button 을 만든다고 가정할 때, JavaScript 로만 만들면 아래와 비..