Sangil's blog

https://github.com/ChoiSangIl Admin

Bootstrap-vue와 Bootstrap의 차이 BLOG

2020-07-08 posted by sang12


Vue전용으로 Bootstrap을 사용 할 수 있게 만든게 Bootstrap-vue입니다. 왜 Vue전용으로 만들었을까요? 이는, Bootstrap이 내부적으로 JQuery나 Popper.js를 사용하는데 Vue와 충돌이 날수도 있어서 라고 합니다. 왜냐하면 해당 Bootstrap이 Dom을 직접 수정하게 되는데, Vue에서도 Dom을 수정하기 때문이죠.

아래와 같은 함수들이 그렇다고합니다.. ^^;

  • Affix
  • Alert
  • Button
  • Carousel
  • Collapse
  • Dropdown
  • Modal
  • Popover
  • Scrollspy
  • Tab
  • Tooltip

https://stackoverflow.com/questions/50127800/comparison-between-bootstrap-vue-and-bootstrap-4 stackoverflow에 잘 나와 있네요 ^^ 참고하세요.

REPLY

검색 노출과 canonical 태그 BLOG

2020-05-09 posted by sang12


최근 블로그 유입자수가 절반 가량 떨어졌습니다. 원인으로는 블로그 URL 구조를 sang12.co.kr/boardId 구조에서 sang12.co.kr/boardId/boardTitle 로 변경하고 sang12.co.kr/boardId로 들어오면 /boardId/boardTitle로 301 리다이렉트를해주는 과정중에 canonical태그가 sang12.co.kr로만 들어가 버려서 였네요. 

canonical 태그는 검색봇이 해당 페이지의 대표 주소로 인식하는 주소입니다.  저의 블로그를 보면 sang12.co.kr/206/abcd , sang12.co.kr/206/defg와 같은 주소로 들어와도 같은 게시물이 나오는 것을 알 수 있는데요. 검색봇은 동일한 페이지에 여러개의 url로 사용자가 접근해도 canonical태그의 주소를 대표주소로 보고 크롤링 하게 됩니다.

해당 문제는 조치했지만 유입자수가 정상화 되는데는 얼마나 시간이 걸리지 모르겠네요

그리고 추가로 canonical태그를 설정 할때, urlEncode가된 한글 주소를 넣어야 할지, 그냥 한글 주소를 넣어야 할지 고민을 많이했는데요. 티스토리나 다른 사이트들의 대부분은 urlEncode가 된 주소를 사용 하더라구요. 그래서 저도.. urlEncode가된 주소로 변경..!(이유는 저도잘..후다닥..)

어째 https로 변경했는데도 방문자수가 점점 떨어진다 했습니다...큽

#canonical 태크 #구글 검색 노출 url encode
REPLY

카카오톡 메세지를 이용하여 알람시스템 만들기 BLOG

2020-04-15 posted by sang12


블로그에 누군가가 댓글을 달면, 카톡으로 메세지를 보내 줄 수 있는 방법이 없을까? 라는 방법으로 시작하여... 꼼수로 끝난 방법을 공유 해볼까 합니다.

카카오 디벨로퍼 페이지(https://developers.kakao.com/) 에서 해당 방법을 찾아봤습니다. 하지만 제가 원하는 특정 상대에게 카카오톡 메세지를 보내는 api는 카카오비즈톡을 사용하여 카카오에서 선정한 특정 업체를 통해 금액을 지불해야 가능 했습니다. 카카오에서 제공해주는 api로는 직접 카카오톡에 로그인해서 친구들에게 메세지를 공유하거나 저에게 공유하거나.. 등등 로그인을 해야 할 수 있는 것들을 제공해 주더라구요. 하긴 보안적인 부분도 있겠고.. 카카오도 돈버는 회사이니...

그래서 저는 어떻게 해야할지.. 고민하다 꼼수로.. 카카오 메일을 사용하기로 했습니다 :). 카카오톡을 보면 카카오톡 메일과 연동이 되어있는데요. 관심친구로 등록한 상대방에게 메일이오면 카카오톡으로 알려주는 기능이 존재합니다. 아래와 같이 설정하면 깜찍하게 죠르디가 관심친구가 보낸 메일에 대한 알람을 보내주는데요. 저는 이를 이용하여서 블로그의 메세지들을 처리했습니다.

한마디로.. 그냥 카카오메일로 메일을 보낸거죠 ^^; 메일 보내는 방법은 (https://sang12.co.kr/201) 이곳을 참고해주세요


#카카오톡 메세지 api #카카오 api #카카오 메세지 보내기 #카카오 메시지 api #카카오 메일
REPLY