본문 바로가기
  • 쇼핑몰
  • 커뮤니티
  • 북마크

이야기/개발(developer)6

[개발]크롬 콘솔창 구글애드센스 오류가 보일때 구글 애드센스 삽입 후 크롬 콘솔창에 위와 같은 adsbygoogle.js 오류가 보이면 아래의 경우가 있는지 확인해보세요. 광고는 정상적으로 삽입되어있는데, 광고를 안보이게 처리했는지 살펴보세요. 즉, 소스는 있는데 display:none 처리를 했다면 크롬 콘솔창에서 오류가 있다고 표시됩니다. 예를 들어 PC에는 광고가 보이고, 모바일에서는 안보이게 CSS로 처리했는지 확인해보세요. 구글 광고 정책상 광고를 숨김처리 하는 행위는 허용하지 않습니다. 원글 : support.google.com/adsense/answer/1354736?hl=ko 2021. 5. 12.
[CSS]세로 두줄이상일때 말줄임 처리하기 예전에는 제목이나 글자수를 ... 줄일때는 개발에서 처리를 했었습니다. CSS에서 기능이 지원되면서 한줄 말줄임은 대부분 CSS에서 처리를 하게 되었습니다. 가끔 두줄일때도 말줄임을 할때가 있는데요. 그럴땐 아래처럼 하시면 됩니다. .text{height:50px;text-overflow:ellipsis;word-wrap:break-word;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} -webkit-line-clamp:2; 두줄일땐 2, 세줄일땐 3으로 하시면 됩니다. (세로 높이값은 꼭 넣어야합니다.) 위처럼 두줄일때 말줄임... 처리가 됩니다. 만약 한줄일경우는 아래처럼 하시면 됩니다. .t.. 2021. 3. 29.
[개발]웹뷰에서 구글로그인 403에러 OAuth 사용 제한 많은 웹사이트에서 소셜로그인 (구글,페이스북,카카오,네이버,트위터,페이코,애플등) api를 사용중입니다. 편리하고 가입 간소화로 여러 웹사이트를 이용할때 손쉽게 회원가입을 할 수 있다는 이점이 있습니다. 문제는 앱뷰에서 구글로그인시 403 승인 오류가 발생합니다. (카톡에서도 마찬가지입니다.) 더보기 승인 오류 403 오류: disallowed_useragent Google can’t sign you in safely inside this app. You can use Google sign-in by visiting this app’s website in a browser like Safari or Chrome. 자세히 알아보기 요청 세부정보 access_type=offline response_type=.. 2021. 3. 16.
[개발]티스토리 상단 스크롤 프로그레스바 적용하기 티스토리 뿐만 아니라 다른 사이트에도 적용이 가능합니다. 가끔 글내용이 길때 어디까지 더 읽어야하는지, 아니면 얼만큼 남았는지 궁금할때가 있습니다. 브라우저 스크롤도 있지만, 맥에서는 스크롤을 하기전까지 안보임으로 프로그레스바를 통해 얼만큼 스크롤 되었는지 알 수 있습니다. 위에 예시 이미지를 보시면, 상단에 붉은색 라인처럼 보여지며, 해당 블로그에서도 스크롤을 하면 프로그레스바를 확인 할 수 있습니다. 적용방법 위에 소스를 안에 삽입합니다. 여기서 #tt-body-page 아이디 값은 최상단의 id나 class값을 넣으시면 됩니다. 크롬 개발자도구를 이용하시면 쉽게 찾을 수 있습니다. 그리고 프로그래스바가 보여질 곳 바로 아래 넣으셔도 됩니다. 사실 position이 fixed로 되어있어서 아무곳에 넣.. 2021. 1. 20.
[개발]크롬 개발자도구 콘솔창(console.log)에 원하는 문구 혹은 로고 넣기 개발자들이나 웹퍼블리셔들은 크롬 콘솔창을 통해 확인 및 디버깅을 할때 자주 사용하는데요. 깨알 홍보를 위해 콘솔창에 사이트 로고를 표시하는경우도 많습니다. 이해를 돕기 위해 아래 스샷 이미지를 확인해보세요. 크롬에서 F12키를 누르면 개발자도구가 보이며, Console 탭을 보시면 위처럼 보여집니다. (맥은 option + command + i) 적용 방법은 사이트 사이에 script 소스를 넣으시면 됩니다. 문구와 스타일(색상, 폰트크기, 글자체)은 원하시는걸로 바꿔주시면 됩니다. 그리고 아래처럼 두가지 색상으로도 응용가능합니다. ex) http://www.webmini.net 콘솔창에서 사이트 로고가 보이니까 색다르긴 합니다. 참고로 콘솔창 메소드에 대해 살펴보면 아래와 같습니다. console.de.. 2020. 11. 27.
[개발]그누보드(영카트) 구글 메일 smtp를 이용한 메일 보내기 설정 그누보드 이용시 메일서버 셋팅이 안되어있을경우 외부 smtp를 이용해서 메일을 보냅니다. 공홈에서 찾아보면 smtp를 이용한 메일 보내기 팁이 많이 나와있는데요. 따라해도 안되시는 분들이 참고 하시면 좋을 듯 싶습니다. 먼저 그누보드나 영카트를 설치하시면 /lib/mailer.lib.php 파일이 있을겁니다. 그걸 수정해주시면 되는데요. (버전마다 소스가 조금 다르니 확인이 필요합니다. 그누보드,영카트 5.4.3 버전입니다.) 그리고 내부 sendmail로 보내게 될경우 스팸으로 전달되는 경우가 있다고 합니다. 저는 구글메일 기준으로 설명드리겠습니다. 먼저 아래 주소에서 '보안 수준이 낮은 앱의 액세스'를 허용해주세요. myaccount.google.com/lesssecureapps 로그인 - Googl.. 2020. 10. 30.