1. 자바스크립트 전역객체의 개념

 -전역 객체(Global Object)

자바스크립트는 최상위에 전역 객체를 갖고 

코딩시에는 전역객체가 생략이 가능하다.

 -node.js 에서는 global

 -web에서는 window


2. 전역 객체의 하위 객체 종류

 document
 
 navigator

 history

 location


 ... 등 확인법은 크롬디버거를 통해 확인 하면 편하다. 


디버거 실행후 콘솔창에서 window입력




3. 전역 객체의 하위 메소드 종류

 주로 자바스크립트에서 미리 선언된 메소드들이 전역 객체의 하위 메소드 이다.

 alert()
 
 confirm()
 
 setInterval()

 setTimeout()

 ...등이 있다 확인법은 하위 객체 종류와 같으며 수많은 함수들이 있다

 그리고 예시로 우리가 함수를 만들어도 전역 객체의 하위 메소드가 된다. 



4. 예시

function func() {

alert(" Hello World !");

}

현제 내가 이포스팅에 func함수를 심어 놓았다.


확인하는법은 간단하다. 


크롬에서 F12를 누르고 크롬디버거창이 켜지면


- console 창을 클릭한다.




- func()를 입력해본다.



- window.func()를 입력해본다.



두 명령 모두 같은 함수를 실행하는걸 볼수있다. 




5. 결론

 전역객체는 간단하게 생각해서 자바스크립트 최상단에 위치하는 놈이며


 그보다 위는 없고 내가 무슨코딩을 하던 자기 아래 두려하는 지배적인 놈이다. 


 내가 어떤 스코프안에 들어가있던 window를 호출하면 최상위에 있는것들을 가져다 쓸수있는 장점도 있는것 같다.


 <이 결론은 오로지 1년차 개발자인 저의 개인적인 의견이며 사실과 다를수있습니다!!>



안녕하세요 오늘 포스트는 중랑구 면목동에 위치한 랍스랍스터 후기입니다.


오로지 제 돈으로 먹었고 매장직원 등에게 일체 지원받지 않았습니다.


제가 얼마전에 생일이여서 어머니께서 맛있는걸 사준신다고 대려가신 집입니다.


인터넷에 검색해도 많은정보가 없길래 기대 안하고 갔는데


괜찮은 맛집이였습니다.


일단 두명이서 2.1kg짜리 가재를 먹었습니다.


가격은 1kg = 65,000원씩


2.1kg = 136000원이였습니다


그리고 버터구이로 주문해서 만원을 추가로 내서


총 146,000원이 나왔네요





가게 입구에 살아있는 가재들과 킹크랩들이 수족관 안에서 꿈틀대고 있습니다.


어머니는 몇번 와보셨다고 맛있다고 추천하면서 들어갔지만


손님은 저희뿐 이였습니다.




가재는 일단 삶기전에 사장님께서 한번 보여주십니다. 


무게 확인한번 시켜주시고 


싱싱하게 살아 움직이는 가재를 사진을 찍을수있게 올려주십니다.


굉장히 크고 거대합니다.. 


사실 2kg라서 별로 기대는 안했는데 엄청 크더라구요 


팔을 쭉 벌린다면 거의 성인남성 상체 정도로 벌릴수 있겠드라고여 


위압감속에 사진을 한방 찍어 줬습니다.





랍스터를 기다리는동안 기본 밑반찬이 나왔습니다.


대체적으로 맛있습니다. 마늘빵도 오븐에 구워서 주시는거 같고 


홍합미역국은 간이 아주 딱맞았습니다. 시원시원하더라구요 


샐러드 드레싱은 발사믹 식초? 제가 샐러드는 잘안먹어서 모르겠으나 아마 그 맛이였던거 같습니다.


파스타는 조금 짜긴했지만 그래도 맛있게 먹었습니다.


배고파서 그런지 훌떡훌떡 먹었습니다 ㅋㅋㅋ





기다리던 랍스터가 나오고


크...


이 자태를 보자마자 저는 입이 떡 벌어젔습니다.


집게는 제 얼굴만하고 꼬리는 거의 제 손바닥만했습니다.


주인 아주머니께서 먹는방법을 친절하게 설명해주시고


손질도 거의 옆에 계시다싶히 하시면서 한부위 한부위 설명과 함께 손질을 해주셨습니다.






아마 집게로가는 손목? 부위인거같습니다. 


첫부위로 먹었고 굉장히 맛있었습니다.


대게살과는 다르게 뭔가 품격이 느껴지는맛?ㅋㅋ


사실 제가 랍스터자체를 처음 먹어보는거라 맛표현을 어떻게 해야하는지 모르겠습니다.ㅋㅋ


그냥 맛있었어요 근데 정글의법칙에서 김병만씨가 먹는것처럼 우와 할정도는 아니더라구요





사장님의 추천으로 내장에 찍어먹었습니다.


ㅋㅋㅋ 솔직히 이건 대박...


그냥 먹는것보다 200배는 맛있어지더라구요 


약간 짜기만한 살고기에 양념소스를 바르는듯한 맛이에요 


냉동가재는 내장을 못먹는데


살아있는 가재는 내장을 섭취할수 있다고 하더라구요





기대하던 랍스터 집게살을 먹었습니다.


사장님은 엄청 짜다고 먹지않는걸 추천하더라구요


근데 티비에선 다들 맛있게 먹던데 !! 하면서


크게 한입을 먹는 순간


태평양을 원샷하는듯한 짠맛이 강렬하게 올라오고


수산시장을 한입 베어 문듯한 비릿함이 함께 올라왔습니다.





그래도 역시 모두 헤치웠습니다.


잘잘한 다리 부위는 라면끓일때 넣어먹으면 맛있다고 포장해주셨구


나머지는 모두 헤치웠네요


2.1kg는 둘이 먹기에 아주 넘치구 충분한 양인듯 해요


제가 평소에 엄청 잘먹는데도 불구하고 배가 터질거 같았거든요





깨끗하게 싹 비워진 접시


아주 깔끔합니다.


한 다음다음 생일쯤 또 먹지 않을까 싶네요


이상으로 면목동 랍스랍스터 후기였습니다.



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

삼청동 맛집 프롬더맘 리뷰  (0) 2019.02.12
[종각,종로3가] 맛집 한량석쇠 다녀온 후기  (0) 2019.02.01

이번에는 티스토리에서 임시저장이 안되시는 분들을 위해 


사용이 가능하게 하는법에 대해 포스팅하겠습니다. 




1. 글쓰기 페이지 접속



우선 이렇게 접속을했는데 플러그인이 차단 되었다고 나오고 임시저장이(...) 이렇게 나온다면


임시저장기능이 작동을 안하는것이다. 


플러그인차단된걸 눌러서 확인을 해줘도 아무 반응없이 기능작동을 안하길래


필자는 처음에 임시저장기능이 불가능한지 알았다. 


근데 이리저리 알아보니 플래시 기능문제, 그리고 구글의 보안정책문제 때문에 작동을 안하는 것이였다.





2. 플래시 기능 사용허가 하기



우선 상단 사이트 주소가 있는부분 옆에 주의 요함 이라고 표시된곳을 클릭 한다.


그리고 사이트 설정창으로 넘어간다.



그리고 Flash부분을 요청(기본값) 에서 허용으로 변경해준다. 





3. 임시저장 기능사용


다시 글쓰기창으로 돌아와서 우측에 플래시 차단되었다고 뜨는 팝업을 눌러 


이번에만 플래시 실행을 클릭해주면 임시저장 기능을 사용할수있다


이전에 설정을 한번해준다면 이후로는 그냥 플래시 실행버튼만 눌러서 


임시저장 기능을 매번 사용할수있다. 


티스토리 임시저장은 계정하나당 10개까지 가능하다.


블로그 1개당 10개가 아니고 여러개의 블로그를 운영해도 계정당 10개까지만 가능하다. 





안녕하세요 오늘은 종로3가,종각 맛집 한량석쇠에 대해서 포스팅하겠습니다. 

일단 저는 옛날에 같이 학원 다녔던 팀원들과 회식으로 한량석쇠를 방문하게 되었습니다. 

일단 처음에 그냥 링크 받았을때는 고깃집이구나 생각하면서 방문했습니다. 

다들 6시 퇴근이지만 저는 5시 퇴근을 하다보니 시간이 많이남아 

조금일찍 도착하게 되었는데 사람도 없고 

전체 테이블이 아마 10테이블정도 되어보이는데 두테이블 정도 밖에 사람이 없드라구요 

그래서 약간 맛집이 아닌가.. 티비에 여기저기 나왔다곤 써있는데 한창 바쁜 금요일 저녁시간에 사람이 이리없다니!

(근데 고기주문하고 앉아있으니 10분만에 사람이 꽉꽉차고 웨이팅까지 생기더라구요 운이 좋았나봅니다.)







자리에 앉으면서 메뉴판을보는데 사장님의 센스가 보이더라구요 이곳저곳 농담들과 장난섞인 팩트폭력?ㅋㅋㅋ

알바를 구하는데 이쁜여자만 구한다고 써있습니다. 진담인지는 모르겠습니다.

부부와 아주머니들만 일하고 있던데..  진짜 이쁜사람이 여태 지원을 안한건지

김태희급 미녀가 지원하면 뽑을지도 모르겠네요 







저희는 만나는 인원이 많아서 일단 파불고기 4인분 고추장불고기 4인분을 주문했는데요 

입구쪽에서 연탄불로 사장님이 초벌을 하고 계시더라구요 

그래서 주문하면 음식이 나오는데까지 시간이 조금 걸렸습니다. 








기본 밑반찬인데요 콩나물 맛집이더라구요 ㅋㅋ 

정말 제스타일이였어요 하지만 두접시정도 먹으니 오늘 콩나물 분량이 끝나서 더이상 없다구 하시더라구요..

너무 아쉬웠습니다. 하지만 대신 파절이를 많이 주셨어요 

파절이를 간장소스에 담궈서 고기와 함께먹으면 진짜 맛있다고 하더라구요 






드디어 먼저 고추장 불고기가 나왔습니다.

일단 불맛이 엄청납니다. 먹자마자 은은하게 올라오는 살짝 탄내? 기분좋은 냄새와 함께

매콤한 양념이 더해지고 파는 뭐이렇게 많은지 모르겠으나 

파때문에 맵다고 느껴지진 않더라구요 그냥 양념이 조금 맵지 파는 아주 아삭아삭 맛있었습니다. 






파불고기까지 합세했습니다. 두테이블이라서 사장님이 반반씩 나눠 주셨어요 

고추장불고기는 80프로정도 초벌되서 나오고 

파불고기는 완전히 익혀서 갖다 주시네요. 

파불고기는 음 그냥 달달하면서 짜고 기분좋은 단짠이였습니다. 

먹으면서 몇장 사진을 더찍으려고 했으나 술자리였고 

너무 맛있어서 흡입을했더니 사진이 여기까지네요 ㅋㅋ

다음 맛집 포스팅할땐 더욱 풍성하게 찍어서 정보를 전달해 드리겠습니다 !




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

삼청동 맛집 프롬더맘 리뷰  (0) 2019.02.12
면목동 맛집 랍스랍스터 후기  (0) 2019.02.04


이번 포스팅에서는 티스토리 블로그에서 맛집이나 여행정보등을 포스팅할때


꼭 필요한 지도를 본문에 삽입하는 내용에 대해 알려드리겠습니다.




1. 글쓰기로 들어간다. 


글쓰기로 들어가면 상단 메뉴중 한반도 그림 과 함께 지도버튼을 클릭합니다. 



2. 원하는 지역검색 


원하시는 지역을 검색하고 첨부버튼을 클릭합니다. 


저는 서울역을 검색해 봤습니다. 


저는 개발일을 하면서도 네이버지도보다는 다음지도api를 많이 쓰는편인데요 


뭔가 ui는 네이버지도 보다 조금더 이쁜거같고 구글지도 보다 데이터나 디테일 부분이 우수한것 같습니다. 


주소검색 api는 다음지도가 짱이죠.  다음에는 다음지도api 쓰는법에대해 포스팅해보겠습니다.





3. 지도가 잘 첨부되는지 확인합니다. 



미리보기로 보니 지도가 잘 작동하네요 




4. 다른 기능들...


일단은 지도 형태를 여러가지로 바꿀수 있는거 같네요 


여러가지 형태들이 있지만 저는 텍스트형이 마음에 드네요 ! 


제가 목적지를 설정해서 텍스트형으로 올리면 블로그 이용자들이 들어와서 길찾기를 누르고 본인 위치를 검색해주면 


목적지로 가는 대중교통이나 네비게이션같은걸 이용할수 있습니다. 






그리고 각종 꾸미기로 마크를 한다던가 진행방향을 알려준다던가 


지도에 동그라미를 넣는다던가 다양한 기능을 이용해서 포스팅이 가능합니다. 


추후에 맛집이나 여행정보등을 포스팅할때 다음지도를 잘 이용해서 해야겠네요 .


이번 포스트는 네이버 웹마스터도구에 티스토리 등록하는법에 대해 알아보겠습니다. 


아직 구글에 등록 못하신분들은 


2019/01/25 - [기타/블로그] - 티스토리 초간단 구글 검색 등록하기


참고해주시기 바랍니다. 




1. 웹마스터도구에 접속을해서 사이트 등록


https://webmastertool.naver.com/ < - 링크를 통해 접속합니다. 


네이버 아이디로 로그인을 해주신 뒤 







본인 블로그 주소를넣어줍니다. 




2. 사이트 소유 확인하기 


블로그 주소를 넣어준뒤 추가를 누르면 소유확인 페이지로 넘어옵니다. 


그럼 기본적으로 HTML 파일 업로드가 체크 되어 있는데 


HTML태그 방식으로 진행하겠습니다. 


사진과 같이 빨간 네모칸 영역에 있는 텍스트를 복사해주세요 





3. 복사한 태그 내 티스토리에 추가 하기 


복사한 태그를 사진과 같이 



스킨편집 -> html편집 -> <head>태그 바로 밑에다 추가해줍니다. 


저장을 하시고 


네이버 소유확인페이지에서 보안문자를 입력하신후 확인을 누르시면 사이트 소유확인이 완료 됩니다. 



4. RSS 추가 


RSS의 자세한 내용은 지난 구글 검색등록글에서 얘기했었습니다. 


자세한 설명은 지난글을 참고해주시기 바랍니다. 


2019/01/25 - [기타/블로그] - 티스토리 초간단 구글 검색 등록하기






본인블로그주소/rss 를 추가해줍니다. 



5. 사이트맵 제출 


사이트맵 제출도 다른 포스팅에서 다뤘었습니다. 


참고하셔서 등록 해주세요 


2019/01/29 - [기타/블로그] - 티스토리 사이트맵 등록(구글, 네이버)




6. robots.txt 생성 



검증 - robots.txt - robots.txt 간단 생성으로 파일을 하나 생성하고 다운받습니다. 




7. robots.txt 파일 업로드 




robots.txt를 업로드 해줍니다. 



8. robots.txt 검증


간단합니다 업로드 후에 


블로그주소/robots.txt 등록만 해주시면 끝입니다 .





이상으로 네이버 웹마스터에 티스토리 블로그 등록하는법을 알아봤습니다.


더 궁금하신점이 있으시면 댓글 주시면 알려드리겠습니다. 


오늘은 사이트맵 등록방법에 대해 포스팅하겠습니다. 





1. 사이트맵 생성 사이트


http://www.web-site-map.com/


링크 <- 사이트맵을 만들어주는 대표적인 사이트입니다. 



2. 자신의 블로그 주소 입력



본인 블로그 주소를 입력한 후 Get free XML Sitemap 버튼을 누릅니다. 










빨간색 으로 칠해진 옵션을 체크해 줍니다. 


Frequency는 꼭 Always로 바꿔주세요 


Create free XML Sitemap을 누른후 


기다리시면 Status에 COMPLETED! 가뜨고 링크가 생깁니다. 


링크를 클릭하시면 다운로드할수 있는 페이지로 넘어갑니다. 








Sitemap.xml을 다운로드 받으면 완성입니다. 







3. 완성 


기다림 끝에 사이트맵이 제작 완료되면 다운로드를 받습니다. 


그리고 본인 블로그에 비공개로 사이트맵파일을 첨부해서 글을 작성합니다. 





첨부파일 우클릭 링크 주소 복사를 클릭합니다. 


그리고 네이버웹마스터, 구글 서치콘솔 등등..에서 


사이트맵 등록페이지를 들어갑니다. 


그럼 URL을 입력하는 페이지가 나오는데 


복사된 형식은 모두 같습니다. 


http://블로그이름.tistory.com/attachment/~~~~@~~~~~~~~~.xml


이런식으로 복사가 되있을텐데 




이런식으로 형식에 맞춰서 잘 작성후 제출버튼을 누릅니다. 





4. Sitemap 제작하는 이유 


보통 사이트맵을 제작하는 이유를 잘 모르시고 하시는분들이 많으신데 


사이트맵은 뜻 그대로 본인의 사이트의 지도입니다. 


구글,네이버,다음 등 웹마스터 도구에서는 자동적으로 봇들이 사이트자체를 탐색하는데 


처음부터 탐색을 성공하는게 아니라 최초에 사이트맵을 등록해줘야 봇들이 그걸 참고하고 탐색을 합니다. 


보통 구글의 웹크롤러는 아주 강력해서 최초 한번 등록해주면 


아주 잘 탐색한다고 합니다. 하지만 네이버나 타 검색엔진들은 보통의 주기를 갖고 


등록해주는것이 좋을것 같다고 합니다. 

(물론 네이버에서는 최초등록만 하라고 권장합니다. 본인들의 크롤러봇을 아주 신뢰하는듯) 



4. Sitemap 제작 이후


보통 구글로 예를들면 저렇게 사이트맵을 등록한 후 


3일내지 4일 안으로 구글에서 웹사이트 정보를 탐색해 갑니다.


정보를 잘 탐색했는지 보는 방법은 


구글 검색에 site:본인블로그주소 를 검색해보면 알수 있습니다.


그 이후로는 사이트맵을 교체해주지 않아도


새글 등록후 3일정도 안에 구글에서 글을 가져갑니다. 






이번 포스트는 querySelector(), querySelectorAll() 에 대해 알아보겠습니다 .


일단 크게 동작하는 방식은 같습니다. 


특정 name, id, class등을 이용해서 요소를 타겟으로 잡고 수정하거나 접근해서 정보를 가져올수 있습니다. 


하지만 querySelector()는 타겟의 자식요소 한가지만 가져오고 


querySelectorAll()은 모두 가져오게 됩니다. 


예제를 보며 설명드리겠습니다. 





  • 섹션

  • 섹션



  • 섹션

  • 섹션
  • <li class="section">섹션</li>

    <li class="section">섹션</li>


    const sections = document.querySelector(".section");

    const sections2 = document.querySelectorAll(".section");


    같은 html 태그이고 같은 클래스를 타겟을 잡았지만 



    querySelector()를 사용하면 첫번째 li태그만 수정이 되고 



    querySelectorAll()를 사용하면 모든 li태그가 수정이 됩니다. 



    jQuery에서 .클래스명 으로 타겟을 잡는것과 흡사하지만 



    querySelector()를 사용하면 첫번쨰 자식만 타겟으로잡고 



    querySelectorAll()를 사용하면 타겟을 배열형식으로 받습니다. 



    그럼으로 두번째 버튼에서 css를 수정할때는 for문을 이용해서 css수정을 하였습니다. 



    차이점을 잘 이용해서 다양한 방법으로 타겟을 잡을수 있게 연습하면 될것 같습니다. 



    끝으로 querySelector(), querySelectorAll()는 jQuery와 큰 속도차이가 없다고 합니다. 



    저사양에서는 querySelector(), querySelectorAll()가 약간 우수하다고 합니다. 



    그러나 지난 포스팅에서 다뤘던 getElementById()는 무려 10배이상 빠르다고 합니다. 



    2019/01/23 - [IT/JAVASCRIPT] - 바닐라스크립트에서 이벤트리스너 (addEventListener)



    각자 사양과 상황에 맞춰서 최적의 효율과 최고의 효과를 얻으시길 바랍니다. 





    안녕하세요 


    이번 포스트는 티스토리 Square 스킨 Recent posts 고치는법 입니다. 


    각종 방법으로도 해결 안되셔서 엄청 고민하고 계시죠 


    저는 수 많은 노력끝에 이렇게 해결을 했습니다.





    제가 한방에 해결해드리겠습니다. 


    ygal-edit 수정을 여러번 하셨는데도 문제 있으신 분들을 위한 해결방법 입니다. 








    1. 스킨편집 클릭


    2. html 편집 클릭


    3. 파일업로드 버튼 클릭


    4. ygal-edit 클릭후 


    5. 하단에 삭제버튼 클릭




    그후에 제가 올려드린 파일을 다운 받습니다. 


    common.js


    이파일은 Square 스킨 제작자이신 wallel님이 제작하신 square-final-1.1.1 버전에서 js파일만 추출한것 입니다.


    전적으로 출처는 https://wallel.com/ 에 있으며 상업적인용도로 사용이 불가합니다. 


    그리고 아래 사항을 숙지하시고 사용하시길 바랍니다. 






    파일을 받으셨다면 






    1. 스킨편집  


    2. html 편집


    3.파일업로드 창으로 들어갑니다. 


    4. images/common.js 파일을 삭제합니다. 


    5. 추가버튼을 클릭해 제가 올려드린 common.js 파일을 업로드 해줍니다.




    그리고 인터넷 캐시를 지워주신후 다시 재접속하면 짜잔~ 







    이번 포스트에서는 새롭게 티스토리를 만드신분들이 구글검색에 노출이 되지않는다고 해서 


    구글에 자신의 블로그를 노출시키는법을 포스팅 하겠습니다. 




    https://www.google.com/webmasters


    위 링크를통해서 구글 웹마스터로 접속을 한후 


    빨간 화살표가 가르키는 SEARCH CONSOLE을 클릭하시면 됩니다. 




    그럼 구글의 SEARCH CONSOLE을 설명하는 화면이 출력됩니다. 





    시작하기 버튼을 누르시면 로그인화면이 나옵니다. 


    당황하지 마시구 평소 사용하시던 gmail 계정으로 로그인 합니다. 



    그이후 본인의 사이트 주소를 추가해줍니다. 


    ex) https://mengkkoit.tistory.com/






    이제 그다음 본인의 사이트를 인증하라는 글이 나올텐데 


    당황하지마시구 그대로 따라 하시면 됩니다. 


    권장확인 방법이 아닌 html 태그 를 선택합니다. 






    그 이후 빨간 네모칸의 텍스트를 복사합니다. 




    그 다음 티스토리 관리페이지로 이동후 


    번호 순서대로 이동합니다.




    그후 복사한 텍스트를 3번화면 <head> 태그 바로 아래에다 붙혀넣기를 한후 


    주황색으로 활성화 된 적용 버튼을 누릅니다.


    그다음 아까 텍스트를 복사해왔던 창에서 확인버튼을 누릅니다. 


    이것으로 일단 기초적인 등록은 끝났구요 


    추가적으로 rss 를 추가해줘야 합니다. 


    rss란 (Really Simple Syndication)의 약자입니다 


    한마디로 그냥 초간단 배급  구글이 알아서 해주겠다 이 말입니다. 





    번호 순서대로 1번 SiteMaps 클릭후 


    2번 새 사이트맵 추가 에다가 rss를 입력후 


    3번 제출을 누르시면 끝입니다. 



    이상으로 아주 초간단 구글검색엔진에 내 티스토리 등록을 해봤습니다. 


    궁금한점 있으시면 댓글주시면 답글 드리겠습니다 ~

    + Recent posts