자바스크립트의 배열에 사용되는 빌트인 메소드 중에서 가장 잘 알려진 map()에 대하여 알아봅니다.# 자바스크립트 map()은?built-in 메소드인 map() 메소드는 배열에 사용하는 메소드로 배열의 모든 값들을 순환 후 새로운 배열을 반환하기 위해 사용됩니다. 즉 모든 배열 값들을 순환할 수 있다는 장점을 가지고 있습니다. 배열의 값을 순차적으로 가져와 동작하는 루프문과는 다른 방법으로 사용할 수 있습니다.자바스크립트의 map() 함수는 기본적으로 아래와 같은 특징이 있습니다.- 배열을 사용하여 모든 값을 순환하는 방법 중 가장 간단하다- Higher Order...
얼마 전 올린 포스팅은 Python 앱에서 sitemap을 생성하여 검색엔진의 사이트맵에 등록하는 것이었습니다.관련 링크 >https://webisfree.com/2020-08-17/python에서-xml-사이트맵-페이지-만들기그런데 구글 웹마스터와 달리 네이버 서치 어드바이서의 경우 sitemap 등록시 에러가 발생했습니다. 에러 문구는 특정 라인에서 에러가 발생된다는 점입니다.! Jinja2를 사용한 방법(업데이트) Jinja2의 필터를 사용한 방법으로 sitemap 등록 에러를 수정한 방법입니다. python 코드의 수정 없이 jinja2 템플릿 수정만...
Python에서 검색엔진최적화의 가장 중요한 하나로 sitemap을 빼놓을 수 없습니다. 검색엔진의 크롤링이 sitemap을 기반으로 동작하기 때문입니다.아래는 Python 앱을 사용하는 경우 jinja2를 사용한 템플릿의 sitemap.xml 페이지를 만들어보려고합니다. 아래에서는 Python 프레임워크 중 하나인 Flask를 사용하였습니다. 그럼 어떻게 만들고 동작하는지 아래에서 자세히 알아봅니다.# Python sitemap.xml 만들기앱을 만들기 이 전에 아래와 같은 단계로 구분할 수 있습니다.- Python flask앱에 sitemap.xml 페이지 만들기...
React에서 리스트(배열) 타입의 데이터를 사용하여 여러개의 컴포넌트나 태그로 jsx 파일에서 출력, 렌더링하는 방법을 알아봅니다.# React 리스트 타입 데이터 여러 개로 출력하는 방법, map리액트 앱에서는 다른 프레임워크에서 사용하는 반복 프로퍼티, 디렉티브 등이 존재하지 않습니다. 예를들어 v-for 또는 @ngFor 를 사용할 수 없죠.그렇다면 어떻게 하면 리스트 타입의 컬렉션 데이터를 여러 개의 컴포넌트 또는 태그로 변환해 웹페이지에 출력할 수 있을까요? 아래에서 자세히 알아봅니다.! react 리스트 데이터에 map() 메소드 사용하...
lodash의 map()에 대하여 알아봅니다. map()의 기능은 무엇이고 어떤 경우에 사용할 수 있을까요?# lodash map() 알아보기map()은 컬렉션(Collection) 데이터에 사용할 수 있으며 각각의 객체 아이템에 특정 키 값만 가지고 배열로 반환하는 기능을 수행합니다. 문법은 아래와 같습니다._.map(Collection, fieldName)그럼 아래의 예제를 봐주세요.! lodash 켈렉션에서 배열 만들기 예제, map()먼저 변수 sites에 대한 컬렉션 데이터를 가지고 특정 키 값에 대하여 배열로 반환, 만들어보겠습니다. var sit...
구글의 웹마스터(Webmaster)를 사용하면 현재 소유 또는 관리하고 있는 웹사이트를 검색엔진에 상위 노출시키거나 크롤링, 키워드, 인덱스 현황 등등의 다양한 정보를 검색하고 활용할 수 있는 매우 유용한 툴이다. 필자 역시 이 툴을 과거부터 현재까지 매우 잘 이용하고 있으며 사이트맵을 등록하여 웹검색이 좀 더 용이하게 할 수도 있다. 이 웹마스터의 Search Console에는 또 하나의 검색노출에 관한 메뉴가 존재하는데 바로 사이트링크이다.이 사이트링크가 바로 오늘 알아보고자 하는 부분으로 사이트링크가 무엇이고 사이트링크가 왜 중요한지... 그리고 사이트링크를 통...
아래 예제는 jQuery의 map() 메소드 방법입니다. 자바스크립트 Array.map()과는 다르니 참고하세요!배열에 저장된 값을 불러와 함수를 이용해 값을 반환하는 제이쿼리 메소드 map()에 대하여 알아보고 each() 메소드와의 차이점은 무엇인지 알아보겠습니다.먼저 아래는 map() 메소드의 간단한 사용 문법입니다.$.map(배열이름, 수행할 함수)보는 것처럼 매우 간단하죠. 그럼 위의 메소드를 좀 더 쉽게 익힐 수 있도록 간단한 예제와 함께 알아봅니다.! map() 메소드 예제보기먼저 아래 코드를 봐주세요. testArray는 배열 값을 가지는데요 ~ 배열이...
사이트맵(sitemap)은 웹사이트를 만들어보셨다면 한번쯤 들어보셨을거라 생각됩니다. 웹페이지로 사이트 전체의 링크를 가지고 있는 페이지를 사이트맵이라고도 하죠. 하지만 여기서 얘기하는 사이트맵은 xml타입의 문서로 웹사이트의 접근 가능한 모든 url을 명시한 sitemap.xml을 의미합니다.사이트맵을 만드는 가장 큰 이유는 rss처럼 웹사이트의 페이지 정보를 다른 곳으로 전송하기 때문입니다. 검색엔진에 제출해 웹사이트 검색이 잘 될 수 있도록 제공하기도하죠.모든 문서 양식이 따라야할 지침, 규정이 있듯이 이 문서 역시 미리 약속된 규약에 따라 알맞게 생성되어야 합...
HTML5가 나오고 웹에서도 좌표를 이용한 웹서비스 구축이 어느 정도 가능하게 되었다. 물론 GPS를 이용한 방법처럼 매우 정확한 지점을 알려주기는 어렵겠지만 이용자 근거리의 정보를 제공하는 경우 유용하게 사용할 수도 있을 것이다.어쨌든 웹으로 할 수 있는 일들도 html5와 함께 많아졌다. 이 기능을 제대로 활용하기 위해서는 사용자 정보의 동의와 알려줄 목표 지점의 좌표값을 이용해야 한다... 만약 위치는 알고 있으나 좌표값을 모르는 경우 어떻게 알 수 있을까?물론 다양한 방법으로 알아낼 수 있을 것이다. 하지만 간단한 방법도 존재하는데... 다름아닌 구글맵을 사용...
검색엔진 Bing(빙)에 자신의 사이트를 검색될 수 있도록 크롤링을 도와주는 웹마스트에 가입하면 사이트맵(sitemap) 또는 RSS를 제공하여 좀 더 자신의 사이트가 크롤링되어 색인 문서를 작성할 수 있도록 도움이 됩니다. 아래는 Bing에 rss 또는 Sitemap을 제공하는 방법입니다.우선 Sitemap 또는 RSS가 있어야겠죠? 없으신 경우 웹사이트에 필요한 Generator를 검색하시면 쉽게 xml파일을 만들어 주는 웹사이트를 찾으실 수 있습니다. 아래는 제 블로그의 사이트맵 주소입니다.Sitemap url: http://webisfree.com/sitema...