이번 포스팅에선 줌(zum) 사이트에 등록하는 방법에 대해 알아보겠습니다😁 포털 사이트마다 검색 등록을 각각 진행해 줘야 검색량이 늘게 됩니다. 가장 먼저 zum 사이트 검색 등록을 검색해서 사이트에 접속하거나 아래의 링크를 클릭해 사이트에 접속합니다. https://help.zum.com/home 고객센터 - zum help.zum.com zum 홈페이지 말고 네이버나 구글에서 검색하셔도 됩니다. 이후 검색 서비스를 클릭합니다. 사이트 탭을 클릭한 상태에서 신규등록 탭을 클릭합니다. 본인 이메일 주소를 먼저 입력하고, 차례대로 블로그 URL 주소, 블로그 명, 블로그 소개, 등록사유까지 입력해 줍니다. 이후 줌 개인정보 수집 및 이용 동의를 체크해 주시고 보내기를 누르면 끝납니다. 경고창이 뜨게 되며,..
이번 포스팅에선 Bing 웹마스터 도구를 이용한 사이트 등록과 RSS 제출 및 사이트맵 제출 방법에 대해 다뤄보겠습니다. 네이버와 구글을 제외하곤 유입량이 많지는 않지만😢, 소중한 한 건의 검색 유입량을 위해 등록해 보겠습니다. 검색 창에 bing 웹마스터 도구 사이트를 검색하거나 아래의 링크를 클릭하여 bing 웹마스터 도구 사이트에 접속합니다. https://www.bing.com/webmasters/about?mkt=ko-kr Bing 웹 마스터 도구 www.bing.com 사이트에 접속하셔서 시작하기를 클릭합니다. 시작하기를 클릭하면 로그인을 해야 하는데, 저는 구글 계정으로 로그인했습니다. 로그인을 완료했다면 사이트를 추가할 방법이 두 가지가 나옵니다. 구글 서치 콘솔에 이미 인증이 되어있다면,..
안녕하세요😃 오늘은 Tistory 블로그에 Naver 검색 엔진 노출을 도와주고 해당 블로그 분석을 도와주는 Naver 서치 어드바이저에서 소유 확인 하는 방법에 대해 알려드리겠습니다. 제가 Tistory 블로그를 개설한 게 거의 2년이 넘어가는데, 예전에 했던 게 기억이 안 나서...😅 이렇게 리마인드 식으로 작성하게 됐습니다.(for me🙃) 네이버 서치어드바이저란? 네이버 웹 마스터 도구는 본인이 운영하는 웹 사이트의 검색 수집, 색인 반영 현황을 제공하고 검색에 친화적인 사이트로 관리하는데 필요한 진단 리포트를 제공하는 서비스입니다. 네이버 서치어드바이저 소유 확인이란? 블로그 자체를 분석하여 솔루션을 주는 서비스이기 때문에 해당 블로그가 정말 본인의 블로그가 맞는지 확인하는 절차입니다. 네이버 ..
구글 서치 콘솔은 해당 블로그의 게시글을 웹 사이트에서 검색할 수 있도록 하는 시스템으로 최대한 블로그를 노출시키기 위해 꼭 필요한 과정입니다. 저도 까먹고 안 했다가 블로그 유입 수가 적길래... 얼마 전에 했습니다.😏 구글 서치 콘솔 등록하는 방법 Tistory 로그인 후 블로그 관리 홈에서 플러그인을 클릭하고 구글 서치콘솔을 불러옵니다. 구글 서치콘솔을 클릭하면 다음의 화면이 뜹니다. 설정 방법은 간단하게 세 가지로 구분되어 있습니다. 1 계정 연결하기로 서치콘솔을 사용할 구글 계정에 로그인해 주세요. 2 블로그 등록 및 사이트맵 제출을 위해 권한 요청에 '허용'을 클릭해 주세요. 3 화면 오른쪽 아래의 '적용' 버튼을 누르시면 모든 설정이 완료됩니다. 우선 계정 연결하기를 클릭합니다. 구글 계정으..
player가 움직이는지 여부에 따라 애니메이션 전환하기 이전 포스팅에서 player를 MainScene.js에서 분리시켰습니다. player가 충돌체에 충돌할 수 있게 수정하기 전에 player가 움직이는지 여부에 따라 애니메이션을 전환하도록 만들어주겠습니다. Player.js 파일 update()에 다음의 코드를 추가합니다. if (Math.abs(this.velocity.x) > 0.1 || Math.abs(this.velocity.y) > 0.1) { this.anims.play("princess_walk", true); } else { this.anims.play("princess_idle", true); } 움직임이 0.1보다 크면 걷기 애니메이션을 재생하고 아니면 서 있는 애니메이션을 재생합..
MainScene.js에서 player 분리하기 이전 포스팅에서 player가 충돌은 감지하지만, 충돌하는 순간 빙글빙글 돌아버리는 것을 확인할 수 있었습니다. 그것을 고치기 전에 일단 player를 MainScene.js에서 분리시키겠습니다. js 폴더에 Player.js 파일을 생성합니다. Player.js 파일 constructor 코드 작성하기 Player.js 파일에 Player라는 클래스가 Phaser.Physics.Matter.Sprite를 확장할 수 있도록 코드를 작성합니다. export default class Player extends Phaser.Physics.Matter.Sprite { } 이후 생성자를 만들어주고, 괄호 안에 data라고 작성합니다. export default cl..
Layer 하나 더 쌓기 이전 포스팅에서 Layer 하나만 보이게 하고 player가 움직일 수 있게 했습니다. 이번엔 Layer 하나를 더 쌓아서 나무 등과 같은 object들도 map에 보일 수 있게 해 보겠습니다. 아! 이전에 Tiled로 만들어 놓고 export 해서 JSON 파일로 내보내기 하셨어야지 Layer 하나 더 쌓기가 가능합니다💁 MainScene.js 파일의 create()에 코드 추가하기 저는 Tiled에서 Layer를 추가할 때 이름을 "Tile Layer 2"로 했습니다. 이제 Tile Layer 1을 생성했던 방식과 동일하게 Tile Layer 2도 추가해 줍니다. const layer2 = map.createLayer("Tile Layer 2", tileset, 0, 0); ..
MainScene.js 살짝 수정하기 이전 포스팅에서 player에 애니메이션을 적용했습니다. 이때 update() 부분에 아래의 코드를 작성했었는데요. this.player.anims.play("princess_walk", true); 그냥 player가 돌아다니게만 하겠다 하시면 내버려 두셔도 되는데, 만약 약간의 리팩터링을 수행하여 많은 것들을 처리하는 플레이어 클래스를 갖게 하고 싶다면 다음과 같이 바꿔줍니다. (아! 수행하는 건... 여러분이 알아서 잘해보시면 됩니다🤪 저 이거 끝내면 또 다른 거 공부해야 돼서...ㅎ.ㅎ 큼큼) this.player.anims.play("princess_idle", true); 프로젝트에 Tiled 적용하기 이제 player도 있으니 전에 만들어 두었던 Tile..
GAMMAFP 사이트에서 애니메이션 만들기 이제 한 단계 더 나아가 실제로 Sprite에 애니메이션을 적용해 보겠습니다. Atlas Packer를 만들었던 GAMMAFP 사이트에 다시 들어갑니다. https://gammafp.com/tools Tools Developer with web technologies, HTML5 video games, tools and tips that make your life easier gammafp.com:443 Animator Tool을 클릭합니다. X 버튼을 누릅니다. 다음 화면이 보입니다. Import Atlas 버튼을 클릭합니다. 각각의 버튼을 클릭하여 이전 포스팅에서 다운로드하였던 PNG 파일과 JSON 파일을 둘 다 Import 합니다. 이후 Animation..
