'분류 전체보기' 카테고리의 글 목록 (13 Page)

728x90

분류 전체보기

[Tistory] Sitemap Google, Naver, Bing 등록 2019.06.23
[Tistory] Bing 검색 등록 2019.06.23
[Tistory] Naver 검색 등록 2019.06.23
[jQuery] AJAX 한글깨짐 해결 Example 2019.06.23
[Tistory] Google 검색 등록 2019.06.23
[jQuery] AJAX 배열전송(Array) Example 2019.06.22
[jQuery] AJAX Example 2019.06.22
[jQuery] Checkbox checked Example 2019.06.20

PREV 1 ··· 10 11 12 13 14 NEXT

728x90

[Tistory] Sitemap Google, Naver, Bing 등록

2019. 6. 23. 13:52

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

'기타 > Tistory' 카테고리의 다른 글

[Tistory] 글 목록 페이징기능 상단으로 올리기 (0)	2021.02.19
[Tistory] 소스코드 삽입 방법 Color Scripter (0)	2019.07.27
[Tistory] Bing 검색 등록 (0)	2019.06.23
[Tistory] Naver 검색 등록 (0)	2019.06.23
[Tistory] Google 검색 등록 (0)	2019.06.23

Modify | Delete

[Tistory] Bing 검색 등록

2019. 6. 23. 12:43

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

'기타 > Tistory' 카테고리의 다른 글

[Tistory] 글 목록 페이징기능 상단으로 올리기 (0)	2021.02.19
[Tistory] 소스코드 삽입 방법 Color Scripter (0)	2019.07.27
[Tistory] Sitemap Google, Naver, Bing 등록 (0)	2019.06.23
[Tistory] Naver 검색 등록 (0)	2019.06.23
[Tistory] Google 검색 등록 (0)	2019.06.23

Modify | Delete

[Tistory] Naver 검색 등록

2019. 6. 23. 11:47

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

'기타 > Tistory' 카테고리의 다른 글

[Tistory] 글 목록 페이징기능 상단으로 올리기 (0)	2021.02.19
[Tistory] 소스코드 삽입 방법 Color Scripter (0)	2019.07.27
[Tistory] Sitemap Google, Naver, Bing 등록 (0)	2019.06.23
[Tistory] Bing 검색 등록 (0)	2019.06.23
[Tistory] Google 검색 등록 (0)	2019.06.23

Modify | Delete

[jQuery] AJAX 한글깨짐 해결 Example

2019. 6. 23. 01:14

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

Modify | Delete

[Tistory] Google 검색 등록

2019. 6. 23. 00: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

저작자표시

'기타 > Tistory' 카테고리의 다른 글

[Tistory] 글 목록 페이징기능 상단으로 올리기 (0)	2021.02.19
[Tistory] 소스코드 삽입 방법 Color Scripter (0)	2019.07.27
[Tistory] Sitemap Google, Naver, Bing 등록 (0)	2019.06.23
[Tistory] Bing 검색 등록 (0)	2019.06.23
[Tistory] Naver 검색 등록 (0)	2019.06.23

Modify | Delete

[jQuery] AJAX 배열전송(Array) Example

2019. 6. 22. 11:25

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

Modify | Delete

[jQuery] AJAX Example

2019. 6. 22. 10:45

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

Modify | Delete

[jQuery] Checkbox checked Example

2019. 6. 20. 23: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

Modify | Delete

개쿠