728x90
반응형
728x90
반응형

 

Google, Naver, Bing에 Sitemap 등록하기

사이트맵을 제출시 Google이 내 사이트의 문서를 더 효과적으로 수집하여 더 많이 검색에 반영될 수 있습니다.

사이트맵 만들기 사이트 : http://www.web-site-map.com/

1. 사이트맵 주소 접속 후 티스토리 블로그 URL 입력후 GET free XML Sitemap버튼 클릭

 

2. 아래 사진의 빨간 밑줄 부분 확인 후 Create free XML Sitemap 버튼 클릭

  • 1) 자신의 티스토리 블로그 주소 (자동입력)
  • 2) 우측에 보이는 보안코드 입력
  • 3) 페이지 작성 빈도
  • 4) 페이지 마지막 수정 날짜
  • 5) 우선순위 (오토)
  • 6) 하위 도메인 포함

3. 사이트맵 생성이 완료 되면 아래와 같은 화면이 생성되며 download your Sitemap 클릭

 

4. 티스토리 블로그관리에 접속 후 콘텐츠 하위메뉴 설정 클릭

 

5. 새로운 글쓰기를 '사용하지 않습니다' 로 변경 후 변경사항 저장 클릭

 

6. 옛날 글쓰기로 작성 후 다운로드 받은 sitemap.xml 을 업로드글은 비공개로 설정 후 글 작성

7. 비공개로 작성 된 글을 클릭 후 sitemap.xml 우클릭 링크주소 복사 클릭 후 메모장에 붙여넣기

 

8. 구글 Search Console 접속 후 색인 하위메뉴인 Sitemaps 클릭

(https://search.google.com/search-console/about)    

9. 메모장에서 attachment부터 끝까지 복사 후 붙여넣기 제출 클릭

 

10. 네이버 웹마스터 도구 접속 후 요청 하위메뉴인 사이트맵 제출 클릭

(https://webmastertool.naver.com/)

11. 메모장에서 attachment부터 끝까지 복사 후 붙여넣기 확인 클릭

 

12. 빙 웹마스터 도구 접속 후 내 사이트 구성 하위메뉴인 Sitemaps 클릭

(https://www.bing.com/webmaster/)

13. 메모장에서 끝까지 복사 후 붙여넣기 제출 클릭

 

 

 

728x90
반응형
728x90
반응형

 

Bing 검색엔진 등록하기

Bing 검색엔진에 보이게 할려면 빙 웹마스터도구에 웹사이트를 등록해야 합니다.

※ Google 계정 필수(권장, Google Search Console에도 등록해야하기 때문)

빙 웹마스터도구 접속하기

1. 로그인 하기 버튼 클릭

 

2. 좌측메뉴의 '사이트 추가'를 클릭 후 URL 입력 후 추가 버튼 클릭

 

3. 옵션 2의 HTML 태그의 매타태그 복사하기

 

4. 티스토리 블로그 관리 페이지로 가서 스킨편집 > html 편집 클릭하기 (구글과 동일)

5. <head> ~~~ <head> 사이안에3번에서 복사한 매타태그를 붙여넣기 (구글과 동일)

6. 다시 3번으로 돌아가 확인버튼 누르기 

7. 좌측메뉴의 Sitemaps 클릭 후 티스토리블로그 URL/rss 입력 후 제출하기

 

8. 선택) 사이트맵 제출하기

사이트맵을 제출시 Google이 내 사이트의 문서를 더 효과적으로 수집하여 더 많이 검색에 반영될 수 있습니다.

[Tistory] Sitemap Google, Naver, Bing 등록 하기   

728x90
반응형
728x90
반응형

 

Naver 검색엔진 등록하기

Naver 검색엔진에 보이게 할려면 네이버 웹마스터도구에 웹사이트를 등록해야 합니다.

※ Naver 계정 필수

네이버 웹마스터도구 접속하기

1. 로그인 하기 버튼 클릭


2. 자신의 사이트를 입력 후 추가버튼 클릭 

 

3. HTML 태그의 매타태그 복사하기

 

4. 티스토리 블로그 관리 페이지로 가서 스킨편집 > html 편집 클릭하기 (구글과 동일)

5. <head> ~~~ <head> 사이안에3번에서 복사한 매타태그를 붙여넣기 (구글과 동일)

 

6. 다시 3번으로 돌아가 확인버튼 누르기 

7. 좌측 메뉴의 RSS 제출을 클릭 후 https://내사이트.tistory.com/rss 를 입력 후 확인 버튼 클릭

 

8. 요청 하위메뉴의 웹 페이지 수집을 클릭 후 쓰신 글의 URL을 입력 ex) 1,2,3

9. 선택) 사이트맵 제출하기

사이트맵을 제출시 Google이 내 사이트의 문서를 더 효과적으로 수집하여 더 많이 검색에 반영될 수 있습니다.

[Tistory] Sitemap Google, Naver, Bing 등록 하기   

728x90
반응형
728x90
반응형

 

JSP에서 보낼 때

1
2
3
4
5
6
7
var text = "한글메시지깨짐";
 
방법 1
var encTextA = URLEncoder.encode(text, "UTF-8");
 
방법 2
var encTextB = escape(encodeURIComponent(text));

 

 

JSP에서 받을 때

1
var decText = URLDecoder.decode(encTextA, "UTF-8");

 

Spring Framework Controller에서 받을 때

1
2
3
4
5
6
7
8
9
@RequestMapping(value = "/ajax_test.dh")
@ResponseBody
public String ajaxTest(HttpServletRequest request) {
    
    //Ajax로 넘어온 데이터 
    String decText= URLDecoder.decode(request.getParameter("encTextA"),"UTF-8");
    
    return decText;
}
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4f; text-decoration:none">Colored by Color Scripter
728x90
반응형

'Web > jQuery' 카테고리의 다른 글

[jQuery] AJAX 동기 처리 Example  (0) 2019.07.21
[jQuery] Click Event Example  (0) 2019.07.14
[jQuery] AJAX 배열전송(Array) Example  (0) 2019.06.22
[jQuery] AJAX Example  (0) 2019.06.22
[jQuery] Checkbox checked Example  (0) 2019.06.20
728x90
반응형

 

Google 검색엔진 등록하기

Google 검색엔진에 보이게 할려면 구글 서치콘솔에 웹사이트를 등록해야 합니다.

※ Google 계정 필수

Google Search Console 접속하기

 

1. 시작하기 버튼 클릭

 

2. 좌측 상단의 속성검색 클릭 후 속성추가를 누릅니다.

 

3. 속성 유형 중 URL 접두어 방식에서 내 사이트의 URL을 입력하고 계속 버튼 클릭

 

4. 권장 확인 방법말고 다른 확인 방법에 HTML태그 클릭후 나오는 HTML 메타태그 복사하기

 

5. 티스토리 블로그 관리 페이지로 가서 스킨편집 > html 편집 클릭하기

 

 

6. <head> ~~~ <head> 사이안에 4번에서 복사한 매타태그를 붙여넣기

 

7. 다시 Google Search Console 4번으로 돌아가 확인 누르기

8. 좌측 메뉴에 있는 Sitemaps 클릭 후 새 사이트맵 추가로 rss입력 후 제출하기

9. 이미 쓰신 글이 있으시다면 좌측의 Sitemaps 클릭 후 블로그에 쓰신 글의 URL을 입력후 색인이 생성되었는지 안되었는지 확인 할 수 있다.

 

10. (선택) 사이트맵 제출하기

사이트맵을 제출시 Google이 내 사이트의 문서를 더 효과적으로 수집하여 더 많이 검색에 반영될 수 있습니다.

[Tistory] Sitemap Google, Naver, Bing 등록 하기   

728x90
반응형
728x90
반응형

 

1. AJAX 배열(array) 전송시 주의사항

  • traditional : true 설정하기
  • Java Controller - getParameterValues로 받기

 

2. AJAX 사용법 간단 예제 코드

JSP 부분

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var url = "ajax_test.dh";    // Controller로 보내고자 하는 URL (.dh부분은 자신이 설정한 값으로 변경해야됨)
var sendMsg = ['a','b','c'];
console.log("JSP에서 보낸 MSG : " + sendMsg);
 
$.ajax({
    url : url,                    // 전송 URL
    type : 'POST',                // GET or POST 방식
    traditional : true,
    data : {
        sendMsg : sendMsg        // 보내고자 하는 data 변수 설정
    },
    
    //Ajax 성공시 호출 
    success : function(data){
        console.log("컨트롤러에서 받은 MSG : " + data);
    },
 
    //Ajax 실패시 호출
    error : function(jqXHR, textStatus, errorThrown){
        console.log("jqXHR : " +jqXHR +"textStatus : " + textStatus + "errorThrown : " + errorThrown);
    }
});
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4f; text-decoration:none">Colored by Color Scripter

 

크롬 Console창에서 확인하기

 

 

Controller 부분

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
@RequestMapping(value = "/ajax_test.dh")
@ResponseBody
public String ajaxTest(HttpServletRequest request) {
        
    String[] ajaxMsg = request.getParameterValues("sendMsg");
    int size = ajaxMsg.length;
    
    for(int i=0; i<size; i++) {
        System.out.println("JSP에서 받은 MSG : "+ajaxMsg[i]);
    }
        
    String resultMsg = "AJAX Success";
    System.out.println("Controller에서 보낸 MSG : "+ resultMsg);
        
    return resultMsg;
}
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4f; text-decoration:none">Colored by Color Scripter

 

Java Console 에서 확인하기

728x90
반응형

'Web > jQuery' 카테고리의 다른 글

[jQuery] AJAX 동기 처리 Example  (0) 2019.07.21
[jQuery] Click Event Example  (0) 2019.07.14
[jQuery] AJAX 한글깨짐 해결 Example  (0) 2019.06.23
[jQuery] AJAX Example  (0) 2019.06.22
[jQuery] Checkbox checked Example  (0) 2019.06.20
728x90
반응형

 

1. AJAX 란 ?

AJAX는 Asynchronous JavaScript and XML의 약자로서 비동기적 정보 교환 기법이다.

 

2. AJAX 스프링 연동시 주의사항

  • Controller 단에서 ResponseBody 빼먹지 말기

 

3. AJAX 사용법 간단 예제 코드

JSP 부분

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
var url = "ajax_test.dh"// Controller로 보내고자 하는 URL (.dh부분은 자신이 설정한 값으로 변경해야됨)
var sendMsg = "AJAX Data Send Test";        
console.log("JSP에서 보낸 MSG : " + sendMsg);
 
$.ajax({
    url : url,                            // 전송 URL
    type : 'POST',                    // GET or POST 방식
    data : {
        sendMsg : sendMsg        // 보내고자 하는 data 변수 설정
    }, 
 
    //Ajax 성공시 호출
    success : function(data){
        console.log("컨트롤러에서 받은 MSG : " + data);
    },
    
    //Ajax 실패시 호출
    error : function(jqXHR, textStatus, errorThrown){
        console.log("jqXHR : " +jqXHR +"textStatus : " + textStatus + "errorThrown : " + errorThrown);        
    }
});
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4f; text-decoration:none">Colored by Color Scripter

 

크롬 Console창에서 확인하기

 

Controller 부분

1
2
3
4
5
6
7
8
9
10
11
12
@RequestMapping(value = "/ajax_test.dh")
@ResponseBody
public String ajaxTest(HttpServletRequest request) {
        
    String ajaxMsg = request.getParameter("sendMsg");
    System.out.println("JSP에서 받은 MSG : "+ajaxMsg);
        
    String resultMsg = "AJAX Success";
    System.out.println("Controller에서 보낸 MSG : "+ resultMsg);
        
    return resultMsg;
}
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4f; text-decoration:none">Colored by Color Scripter

 

Java Console 에서 확인하기

728x90
반응형

'Web > jQuery' 카테고리의 다른 글

[jQuery] AJAX 동기 처리 Example  (0) 2019.07.21
[jQuery] Click Event Example  (0) 2019.07.14
[jQuery] AJAX 한글깨짐 해결 Example  (0) 2019.06.23
[jQuery] AJAX 배열전송(Array) Example  (0) 2019.06.22
[jQuery] Checkbox checked Example  (0) 2019.06.20
728x90
반응형

 

jQuery Checkbox Control 하기

 

1. Checkbox Checked 여부 확인하기 (return boolean)

 
1
2
3
4
5
6
7
8
9
10
11
12
 
ID 체크여부 확인하기 
선택==true 비선택==false
 
방법 1 : $('input:checkbox[id=checkbox_id]').is(":checked");
방법 2 : $('#checkbox_id').is(":checked");
 
 
NAME 체크여부 확인하기 
선택==true 비선택==false
 
$('input:checkbox[id=checkbox_name]').is(":checked");

 

2. Checkbox 전체선택 / 전체해제 (void)

1
2
3
4
5
6
7
8
9
 
모든 체크박스 선택하기
 
$('input:checkbox').prop("checked"true);
 
 
모든 체크박스 해제하기
 
$('input:checkbox').prop("checked"false);

 

3. Checkbox ID / NAME 으로 제어하기 (void)

1
2
3
4
5
6
7
8
9
10
11
 
ID 체크박스 제어하기 (단일)
$('#checkbox_id').prop("checked"true);
 
 
ID 체크박스 제어하기 (다중)
$('input:checkbox[id=checkbox_id]').prop("checked"true);
 
 
NAME 체크박스 제어하기 (다중)
$('input:checkbox[id=checkbox_name]').prop("checked"true);

 

4. Checkbox 전체갯수 / 선택갯수 (void)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
체크박스 전체 갯수 구하기
$("input:checkbox").length;
 
체크박스 현재 선택(체크)된 갯수 구하기
$("input:checked").length;
 
 
ID가 checkbox_id로 되어있는 체크박스 갯수 구하기
$('input:checkbox[id = checkbox_id]').length;
 
ID가 checkbox_id로 되어있는 현재 선택(체크)된 갯수 구하기
방법 1 : $('#checkbox_id:checked').length
방법 2 : $('input:checkbox[id="checkbox_id"]:checked').length;
 
 
NAME이 checkbox_name로 되어있는 체크박스 갯수 구하기
$('input:checkbox[name = checkbox_name]').length;
 
NAME이 checkbox_name로 되어있는 현재 선택(체크)된 갯수 구하기
$('input:checkbox[name="checkbox_name"]:checked').length

 

728x90
반응형

'Web > jQuery' 카테고리의 다른 글

[jQuery] AJAX 동기 처리 Example  (0) 2019.07.21
[jQuery] Click Event Example  (0) 2019.07.14
[jQuery] AJAX 한글깨짐 해결 Example  (0) 2019.06.23
[jQuery] AJAX 배열전송(Array) Example  (0) 2019.06.22
[jQuery] AJAX Example  (0) 2019.06.22

+ Recent posts