All Story
[ JavaScript ] 자바스크립트 템플릿 리터럴(Template Literal)
템플릿 리터럴(Template Literal)이란 JavaScript 에서 문자열을 입력하는 방식 중 하나로, 기존처럼 작은따옴표( ' )나 큰따옴표( " )를 이용해 사용해 문자를 표현하지 않고, 백틱(Back Tick)이라는 기호( ` )를 사용해 표현하는 방식이다. 템플릿 리터럴 사용해보기 먼저 기존에 사용하던 문자열 표현 방식을 보자. 기존엔 변수들의 값을 문자열로 사용하고 싶으면 위와 같은 형태로 사용했다. 이를 템플릿 리터럴을 적용하면 다음과 같다. 위처럼 백 틱 ( ` ) 을 사용했고 변수의 필드명을 ${ } 로 그대로 할당받을 수 있다. 실행 결과는 다음과 같다. 이상 템플릿 리터럴이었습니다.
[ JavaScript ] 자바스크립트 var, let, const 의 차이
보통 JavaScript 에서 변수를 선언할 때 "var" 로 선언하곤 한다. 이 외에도 "let" 이나 "const" 가 존재하는데, 이 세 가지의 변수 선언 방법의 차이에 대해 알아보자. 1. "var"는 함수 단위, "let"과 "const"는 블럭 단위의 스코프(범위)를 가진다. 무슨 말인가 하니, 먼저 var 를 아래처럼 선언해놨다고 가정하자. 이를 실행해 콘솔에 찍히는 1~5번 a를 확인해보면, 3번 a에서 var a = 100 ; 을 선언했더니 4번 a와 5번 a도 100으로 바뀌어 찍히는 걸 확인할 수 있다. 이는 1번 a에서 var 변수를 이미 할당해놓았고, 하위의 모든 블럭내에서 a를 재선언하면, 최초 선언된 a변수가 전역변수로써 기능을 수행하기에 새로 만들어내는 것이 아니라 이 a를 ..
[ 꿀팁 ] 검색엔진(구글, 빙, 네이버) 웹 마스터도구에 사이트맵, rss 제출
구글, 빙, 네이버 등 각 검색엔진이 우리의 사이트를 보다 빠르게 읽을 수 있도록, 각 웹 마스터 도구에 사이트맵과 RSS를 제출해보도록 하자. 시작하기 이전에 아직 블로그의 사이트맵을 만들지 않았다면 아래의 링크를 참조해 생성하도록 하자. [ 꿀팁 ] 웹 마스터도구에서 사용할 사이트맵 만들기 ( sitemap ) 아래의 과정은 사이트맵을 이미 생성했고, 이를 이전 포스팅처럼 비공개 포스팅으로 관리한다는 가정하에 진행됨. *네이버, 빙, 구글 엔진마다 사이트맵을 제출하기 전에 아래처럼 사이트맵 주소를 복사하고 시작함을 권유한다. 사이트맵을 게시한 비공개 포스팅으로 이동해 사이트맵파일을 우클릭 후 '링크 주소 복사'를 클릭한다. 구글 서치 콘솔 ( Google Search Console ) 에 제출하기 1..
[ 꿀팁 ] 웹 마스터도구에서 사용할 사이트맵 만들기 ( sitemap )
사이트맵을 왜 만들어야하나? 이전의 포스팅들에서 네이버와 구글, 그리고 빙 까지 검색엔진에 티스토리 블로그를 등록했으니 블로그가 각 검색엔진에 노출되는 건 시간문제일테다. 하지만, 예를 들어 게임을 할 때 우리도 지도(Map) 을 보며 게임의 흐름을 파악하듯이, 검색엔진에게도 우리의 사이트를 한 눈에 파악할 수 있도록 지도(Map)을 제공한다면 보다 빠르게 반응할 것이다. 이처럼 사이트에 대한 지도를 사이트맵(SiteMap)이라 한다. 서론은 이쯤하고, 지금부터 본인 블로그의 사이트맵을 만들어 보도록 하자. 1. 먼저 아래의 링크에 접속한다. Google Sitemap Online 2. URL 입력란에 https://본인 블로그 주소 형태로 입력후 'START' 버튼을 클릭한다. 예시 ) https://..
[ 꿀팁 ] 티스토리 블로그 Bing에서 검색되게 하기 ( bing 웹 마스터도구 )
빙(Bing)에 티스토리 블로그를 등록하려면? Bing에서 검색할 때 티스토리 블로그를 노출시키고 싶다면 Bing 전용 검색엔진에 등록해야 한다. Bing 전용 검색엔진인 Bing 웹 마스터 도구에 블로그를 등록해보도록 하자. 아래의 과정을 순서대로 따라해보자. 1. 아래의 링크를 클릭해 Bing 웹 마스터 도구로 이동한다. Bing 웹 마스터 도구 ( Bing Web Master Tool ) 2. 아래의 '로그인' 버튼을 클릭해 로그인한다. 3. 사이트 수동 추가 박스의 URL 란에 https://본인 블로그 주소 형태로 기입후 '추가'를 클릭한다. 예시 ) https://mjn5027.tistory.com 4. 'HTML 메타 태그' 박스를 클릭한다. 5. 스크립트를 복사하기 위해 '복사' 버튼을 클..