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

이야기/개발(developer)3

[개발]티스토리 상단 스크롤 프로그레스바 적용하기 티스토리 뿐만 아니라 다른 사이트에도 적용이 가능합니다. 가끔 글내용이 길때 어디까지 더 읽어야하는지, 아니면 얼만큼 남았는지 궁금할때가 있습니다. 브라우저 스크롤도 있지만, 맥에서는 스크롤을 하기전까지 안보임으로 프로그레스바를 통해 얼만큼 스크롤 되었는지 알 수 있습니다. 위에 예시 이미지를 보시면, 상단에 붉은색 라인처럼 보여지며, 해당 블로그에서도 스크롤을 하면 프로그레스바를 확인 할 수 있습니다. 적용방법 위에 소스를 안에 삽입합니다. 여기서 #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.