본문 바로가기

IT251

[javascript] 자바스크립트 기반의 pagination 만들기 1편 보통은 페이징 처리는 서버에서 이루어진다. 하지만 필자는 스크립트에 데이터를 들고 있으면서 페이지 이동 없는 페이징처리가 필요했다. 어쩔 수 없이 자바스크립트로 페이징 처리를 해야겠다. 자바스크립트로 pagination을 적용해보겠다. 우선 결과 부터 보자. 번호 내용 현재 글은 총 31개이고 한페이지에 보여주는 글 수는 5개, 한 블럭에 보여지는 페이지는 3페이지로 설정해보았다.이 설정은 다음 포스팅을 통해 원하는대로 변경이 가능하다는 걸 알 수 있다. 테이블의 머릿글에 체크박스와 번호 내용을 넣었다. 체크 박스를 넣은 이유는 보통 개발하면서 전체 선택을 많이 사용하기 때문에 예시로 넣어 보았다. (사실 번호와 내용만 보여주기에 너무 비어 보여서 추가했다.) 이 포스트에는 pagination을 위한 포.. 2018. 8. 11.
REST 공부 1편 1. REST란? REST는 2000년에 웹 HTTP의 공동 창시자인 로이 필딩의 박사 논문에서 소개한 소프트웨어 아키텍쳐입니다. 로이 필딩은 기존의 웹이 HTTP의 장점을 100퍼센트 활용하지 못하여 그 장점을 살리기 위해 REST를 소개한 것입니다. 당연히 HTTP에 따르는 웹 서비스인 것이겠죠? REST는 4단어의 앞 문자를 따서 요약했다고 생각하시겠지만 단어를 풀어보면 Representational State Transfer 3단어로 이루어져 있습니다. 직역해보면 표현적인 상태 전달이라는 뜻으로 클라이언트가 URL을 통해서 자료를 요청하면 서버가 상태를 바꿔서 표현해주는 것입니다. 위 그림을 이용해 풀어서 설명해보겠습니다. 우선 Resource라는 것은 책의 1페이지 , 사용자 이름이 terry .. 2018. 8. 11.
[블로그 최적화] 2. 네이버 웹마스터도구를 사용하여 네이버 검색에 잘 나오는 블로그 만들기 (feat.티스토리) 티스토리는 다음 연계 서비스이기 때문에 네이버와 구글에서 검색이 잘 되지 않습니다. 네이버와 구글에서 검색이 잘 되게하려면 각각 네이버 웹마스터도구와 구글 서치콘솔(Search Console)에 블로그를 연동해 최적화 해야 합니다. 네이버 최적화를 위해 네이버 웹마스터 도구 에 내 티스토리 블로그를 연동하는 방법에 대해 알아봅시다. 네이버 웹마스터도구에 내 블로그 등록하기 1. 네이버 웹마스터도구를 검색해 들어가거나 아래 링크에 접속해 가입을 한 후 로그인 합니다. 네이버 아이디가 있으신 분들은 기존 네이버 아이디를 사용하시면 됩니다. https://webmastertool.naver.com/ 2. 로그인 하면 아래와 같은 화면이 뜹니다. ① 내 웹사이트 주소를 입력합니다. ② 추가 버튼을 클릭합니다. .. 2018. 8. 10.
[블로그 최적화] 사이트맵(Sitemaps) 생성하기 (feat. 티스토리) 블로그 최적화를 위해 Search Console, 네이버 웹마스터 도구에 사이트맵(Sitemaps)를 제출해야 합니다. 사이트맵은 여러 사이트들에서 쉽게 만들 수 있습니다. 사이트맵(Sitemaps) 생성하기 1. https://www.xml-sitemaps.com/ 에 접속합니다. ① 나의 웹사이트 주소를 적어 넣습니다. ② START 버튼을 클릭합니다. 2. 아래 화면으로 넘어갑니다. ① 조금 기다려 위 화면과 같이 Completed!가 뜨게 되면, VIEW SITEMAP DETAILS를 클릭합니다. 3. 아래 화면으로 넘어갑니다. ① 생성된 파일을 다운로드 받기 위해 DOWNLOAD YOUR XML SITEMAP FILE 을 클릭합니다. ② 크롬의 경우 왼쪽 아래와 같이 다운로드 창이 나타나고, 인.. 2018. 8. 9.