본문 바로가기

전체 글

 (127)
[javascript]자바스크립트로 구글 스프레드시트 이용하기(예제 : 랭킹시스템 만들기) 취미로 개발을 하다 보니 서버도 없고 해서 랭킹같은 순위를 어디에 저장해야 될까 고민 하다가 생각해낸것이 구글 스프레드시트에 저장을 한뒤 스프레드시트의 함수로 랭킹을 구현해 보았습니다 자바스크립트로 구글 스프레드 시트에 자료 입력하는 방법 1. 먼저 스프레드 시트를 만들고 제목이나 메뉴등 기본적으로 준비를 한다 2. 메뉴 - 확장 프로그램 - Apps Script //var SHEET_NAME = "시트1"; var SCRIPT_PROP = PropertiesService.getScriptProperties(); function doGet(e){ return handleResponse(e); } function doPost(e){ return handleResponse(e); } function hand..
[광고 달기]2.구글 블로그(blogspot)에 인피드 광고 달기 아직 티스토리는 광고승인이 나지 않아서 구글 블로그에 먼저 해보았다 구글 블로그의 인피드 광고가 자동광고를 신청하면 모바일에서는 잘나오지만 pc에서는 나오지 않았다 그래서 pc버전에서도 나올수 있게 손 보았다 구글 블로그 인피드 광고 달기 인피드 광고란 자신의 게시글 목록 사이사이에 광고를 넣어 클릭률을 높히는 광고이다 구글 블로그에 인피드 광고 넣는 법 일단 광고를 만드는 것 까지는 모든 블로그가 동일하다(다른 사이트 참고) 를 눌러 코드창을 띄어 놓고 새창을 이용해 구글 블로그 태마의 html편집창에 들어간다 편집창에 들어가기전 백업을 꼭 해두자 인터넷 브라우저에서가 아닌 편집창안에서(편집창 안을 클릭) Ctrl+F로 후 id='Blog1' 를 검색한다 블로그 태마 마다 틀릴 수 있지만 이런식으로 있..
[광고 달기]1. 구글 애드센스 자동 광고 세팅 광고를 다는 이유 3년간 취미로 네이버 블로그를 하면서 이왕 나의 정보를 공개하는데 돈도 벌리면 좋겠다 하면서 네이버 애드포스트를 열어봤다 3년간 번 돈은 약 77000원 근데 요 근래 중국어 타자연습을 만들고 구글 블로그에 올리고 한달도 안되서 3달러 이상을 벌었다 방문자도 많지 않은데 말이다 이왕하는거 돈벌면 좋지 않은가 한국인의 경우에은 네이버 블로그가 검색이 더 잘되고 네이버 이용자가 많기 때문에 노출이 더 잘된다 또한 기자단이나 체험단 등으로 수익을 높힐 수 있다 하지만 나의 경우에는 해외에 있기 때문에 이런게 거의 있지도 않고 취미로 블로그를 하는거기 때문에 별로 하고 싶지도 않다 그래서 검색 자체가 거의 안되는 구글 블로그보다는 그나마 다음을 이용하는 한국인에게는 검색노출이 되는 티스토리를 ..
[CDN]구글 드라이브로 html, js,css등등의 파일 사용하기 구글 드라이브 구글 드라이브는 무료로 나의 자료등을 올리고 사용할 수 있는 클라우드이다 하지만 구글 드라이브 안에 있는 파일을 사용 하려고 url을 접속하게 되면 해당 파일을 단순하게 볼수 있는 뷰어 프로그램이 연결이 되어 html로 사용할 수는 없다 구글드라이브를 html에서 사용할 수 없는 문제 구글드라이브에 js파일이 들어있는 구글드라이브 주소로 접속하면 뷰어가 열리게 된다 js파일 뿐만아니라 다른 파일들도 파일을 그대로 가져오는것이 아니라 뷰어프로그램으로 보여주게 된다 그렇기 때문에 html에서 바로 사용할 수가 없다 구글 드라이브를 뷰어 프로그램이 아닌 파일 자체로 연결 시켜주는 곳 위와 같은 문제점 때문에 html에서 js파일 css파일 등등을 사용할 수 없는 점을 해결 해 주는 사이트가 있다..
[HTML]목록 만들기 ol, ul, li 목록 만들기 글이 길 경우 각 주제에 맞게 목차를 만들면 보는 입장에서 편하다 그리고 어떠한 동일한 주제를 갖고 있는 글 같은 경우에는 목록을 많이 사용한다 목록을 만들어주는 태그는 li태그이다 목록의 성향에 따라서 순서를 나타낼 필요가 있고, 순서가 필요없는 경우가 있다 예를 들면 목차(ol태그) HTML CSS 메뉴(ul태그) 삼각김밥 도시락 li태극의 어미로 ol/ul태그가 오는냐에 따라 숫자/점이 붙게 된다 홈페이지의 메뉴바 역시 목록과 같은 성질이기 때문에 주로 li태그에 CSS를 주어서 메뉴바를 만든다 See the Pen Untitled by korearaogong (@korearaogong) on CodePen.
[HTML]표만들기 table, tr, th, td table 태그 HTML에서 표를 만든다는 것은 생각보다 쉽지 않고 귀찮은 일이다 그래도 표라는 것은 잘 정리된 자료로서 무언가를 보기 쉽게 해주기 때문에 자료를 정리할때에는 사용을 할 수 밖에 없다 일단 표를 만드는 시작 태그는 table이다 table안에 행과 열을 만들어 주면 표는 완성된다 table의 자식 태그 tr 태그 : 줄을 추가해 준다 tr의 자식 태그 td 태그 : 칸을 추가해 준다 th 태그 : 칸을 추가해 준다(제목/소제목/목록이름) 주로 첫번째 행 또는 첫번째 열에 사용된다 즉 안에 줄을 만들어주는가 있고 이 태그 안에 칸을 만들어주는 또는 가 있다 속성 colspan : 가로로 합춰준다(가로 병합) rowspan : 세로로 합췆준다(세로 병합) See the Pen Untitled..
[HTML]select, option, optgroup 드롭바 사용법 드롭바를 만드는 방법 드롭바를 만드는 방법은 select, option을 이용한 방법과 ol, ul, li를 이용한 방법이 있다 select, option 태그는 기본적으로 드롭바를 만들어 주는 옵션이라 만들기가 비교적 쉽지만 기본 틀이 짜여져 있기 때문에 CSS 등을 손보는게 비교적 귀찮다 그래서 드롭바를 검색했을 경우 ol, ul, li태그를 이용하는 경우가 많다 select tag 내가 사용한 select tag는 TOCFL 준비1(準備級一級) TOCFL 준비2(準備級二級) TOCFL Band A-1(入門級) TOCFL Band A-2(基礎級) TOCFL Band B-3(進階級) TOCFL Band B-4(高階級) TOCFL Band C-5,6(流利級) HSK 1 HSK 2 HSK 3 HSK 4 H..
[HTML,javascript]구글 번역기 넣기 결과

티스토리툴바