Posts

유럽연합 EU 방문자 개인정보 수집 정책 알림과 구글 블로그

Image
유럽연합(EU)의 개인정보 법규 개정으로 인하여 시끌벅적합니다. 구글 블로그도 유럽지역에서 접속하는 경우에는 안내문이 표시된다고 아래와 같이 공지하고 있습니다.

[유럽연합 법규정에 따른 안내문이 표시된다는 공지문]
European Union laws require you to give European Union visitors information about cookies used and data collected on your blog. In many cases, these laws also require you to obtain consent.

As a courtesy, we have added a notice on your blog to explain Google's use of certain Blogger and Google cookies, including use of Google Analytics and AdSense cookies, and other data collected by Google.

You are responsible for confirming this notice actually works for your blog, and that it displays. If you employ other cookies, for example by adding third party features, this notice may not work for you. If you include functionality from other providers there may be extra information collected from your users.

Learn more about this notice and your responsibilities.

유럽지역에서 접속하면, 안내문이 어떻게 뜨는가를 보니, 아래 그림과 같이 블로그 최 상단에 몇 자 표시됩니다.

[유럽연합지역 접속자에게 표시되는 안내문]
이 사이트에서는 서비스…

구글 드라이브 시트 사용법: 특정 시트 특정 영역만 아이프레임 iFrame으로 블로그 웹페이지에 삽입 (임베드 Embed) 하는 방법

Image
구글 드라이브 스프레드 시트를 블로그나 웹페이지에 삽입할 때, 특정 시트의 특정 영역만 삽입하는 방법입니다.

굳이 스프레드 시트를 모두 삽입하기 보다는, 필요한 부분만 삽입하면, 좀 더 깔금하고, 잘 어울리게 꾸밀 수 있는 장점이 있습니다. 방법은 아래와 같이 간단합니다.


1. 삽입할 영역 주소 (URL) 만들기

1) 스프레드 시트의 특정 영역만 삽입하는 주소(URL)의 기본 모양은 아래와 같습니다.
해당 스프레드 시트를 지칭하는 스프레드 시트 주소, 해당 스프레드 시트에서 특정 시트를 지칭하는 시트 키, 그리고 해당 시트의 특정 영역 셀 범위로 구성됩니다.

[구글 드라이브 스프레드 시트의 특정 시트의 특정 영역만 삽입하는 코드 모양]
스프레드 시트 주소/pubhtml/sheet?headers=false&gid=시트 키&range=삽입할 셀 범위

2-1) 스프레드 시트의 키는 스프레드 시트의 주소(URL)에 들어 있습니다.
구글 계정에 로그인 하여, 스프레드 시트를 열면, 아래 그림과 같이, 브라우저 맨 위의 주소(URL) 창에 해당 스프레드 시트의 주소가 표시됩니다.
>> 주소를 복사 (컨트롤 + C키) 합니다.

[구글 스프레드 시트 주소 (URL)]

2-2) 복사하여 가져온 스프레드 시트 주소는 아래와 같은 모양으로 되어 있고, 키 값은 빨강색으로 표시한 부분입니다.

[구글 스프레드 시트 주소(URL) 모양]
https://docs.google.com/spreadsheets/d/1bjZBLTu-OINGzlNN8Y2EjTtSREroJ9jzpyspEIc/edit#gid=0
ㅇ 스프레드 시트 자체를 지칭하는 주소: 처음 부터 (https:// ~부터)  /edit ~ 앞의 암호 같이 생긴 부분 까지
ㅇ 특정시트 (현재 열려 있는 시트)를 지칭하는 키: 맨 끝의 gid= 다음에 있는 수자. gid 다음의 시트 키는 위에서와 같이, 한 자리 수 (0 또는 1, ....)일 수도 있고, 123456789 따위와 같이 여러 자리 수 일 수도 있습니다…

구글 드라이브 시트 사용법: 웹페이지나 블로그에 삽입 (임베드) 하는 방법

Image
구글 드라이브 스프레드 시트를 웹페이지나 블로그에 연동하여 삽입하는 방법은 아래 그림과 같이 간단합니다. 연동은, 스프레드에서 내용을 갱신하면, 삽입된 블로그나 웹페이지도 자동으로 갱신됨을 뜻합니다.

구글 스프레드 시트 삽입(임베드, Embed)은 스프레드 시트 자체에 하나의 기능으로 내장되어 있으므로, 몇 번의 클릭만으로 삽입 코드를 얻을 수 있습니다.


1. 스프레드 시트 발행 설정 및 삽입용 코드 얻기


항목 선택:
1) 스프레드 시트에는 여러개의 시트가 있을 수 있습니다. 스프레드시트를 삽입할 때, 스프레드 시트 자체를 통째로 삽일할지, 특정한 시트만 삽입할지 선택할 수 있습니다.

2) 스프레드 시트에서 데이타가 변경되면, 삽입된 블로그나 웹페이지에도 연동하여 자동으로 갱신할지 여부를 선택할 수 있습니다.

삽입 코드 얻기:
>> 스프레드 시트의 왼쪽 상단 메뉴에서 > 파일(File) > 웹에 게시 (Publish to the web)
>> 게시 형태에서 삽입(Embed) 선택

>> 삽입할 시트 선택 (통째로 또는 특정 시트만)
>> 스프레드 시트 데이타가 갱신되면, 삽입된 내용도 연동하여 갱신되도록 할 지 여부 선택 ( Automatically republish when changes are made 옆의 체크 박스)

>> 발행(Publish) 버튼 누름 > 삽입 코드가 생성되어 표시됨
>> 코드를 복사 (컨트롤 + C키) 함 



2. 스프레드 삽입용 코드 다루기

위에서와 같이 하여, 얻은 삽입용 코드는 아래와 같이 생겼습니다. 아래에서 보듯이, 아이프레임(iFrame)으로 되어 있습니다.

[구글 드라이브 시트 삽입 코드 모양]
<iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQvrETeM5Ney8GBPQUa81Kya5hTRMioXrQ79viXlDVhdNwRTtisJlZJXwLjsd8jDABTFTKK…

구글 드라이브 시트 사용법: 블로그나 웹사이트에 시트 삽입 (임베드)과 브라우저 특성 차이

Image
구글 드라이브 시트에서 데이타를 작성하고, 웹사이트나 블로그에 삽입하여 연동시키면, 편리한 점이 많습니니다.

드라이브 시트에서 데이타를 갱신하면, 삽입해 둔 웹페이지나 블로그에도 연동하여 갱신됩니다. 한가지 마음이 쓰이는 것은, 브라우저에 따라 다르게 보인다는 것입니다.

아래 그림에서 보듯이, 동일한 시트를 삽입하였음에도, 브라우저에 따라서 차이가 크게 납니다. 브라우저별로 차이가 나는 정도는,  시트에 사용한 글꼴, 글자 크기 등에 영향을 받는 것 같습니다.

해결 방법은 없는 것 같고, 억지스럽지만 굳이 방법이라고 한다면, 방문자들이 가장 많이 사용하는 브라우저를 기준으로 맞추는 것입니다.

그렇게 하면, 기준으로 한 브라우저를 사용하는 방문자는 깔끔한 모양으로 볼 수 있습니다. 다른 브라우저를 사용하는 방문자는 넓다란 공백이 나타나거나, 아니면 거꾸로 스크롤바가 나타나게 됩니다.

[구글 드라이브 시트 삽입과 브라우저별 특성 차이]
>> 구글 드라이브 시트 사용법: 웹페이지나 블로그에 삽입 (임베드) 하는 방법
>> 구글 드라이브 시트 사용법: 특정 시트 특정 영역만 아이프레임 iFrame으로 블로그 웹페이지에 삽입 (임베드 Embed) 하는 방법

HTML @media, class=visible : 화면 스크린 크기에 따라 영역이나 가젯을 표시 / 숨김 - 반응형 테마에서 모바일 데스크탑에서만 보이게 / 안보이게

Image
반응형 테마는 스크린이 작은 모바일 기기와 해상도가 높은 데스크탑 모니터까지 동일한 테마가 보이게 됩니다.

그러한 특성상, 스크린 사이즈에 따라 특정한 영역이나 위젯(가젯) 등을 숨기거나 보이게 할 필요가 있을 때가 있습니다.

아래는 그러한 기능을 구현할 수 있는 코드들입니다.

주의할 것은, 실제로는 불려 올라오지만, 외견상으로만 표시되지 않는 것이므로, 웹페이지의 소스보기를 하면, 내용이 그대로 노출 됩니다.

그러므로, 그래서는 안되는 경우에는사용하면 안되겠습니다.
예컨대, 구글 애드센스는 숨기거나 가려서는 안된다는 규정이 있으므로, 이 코드를 사용하면, 실제로는 애드센스가 불려 오지만, 숨겨져 보이지 않게 되므로, 정책위반에 해당할 가능성이 높을 것입니다.


1. HTML 가젯을 추가하고, 해당 가젯은 스크린 사이즈가 450px 이하일 때만 보이게 하는 코드입니다.

[스크린 사이즈가 450px 이하일 때만 표시되게 하는 코드]
@media screen and (min-width: 450px) {
    #HTML {display:none;}
}
위 태그는 min-width 를 max-width 로 바꾸어서 해도 됩니다.
@media screen and (max-width: 999px) {
    #HTML {display:none;}
}


2. 접속하는 스크린 크기에 따라, 보여줄 내용을 각각 다르게 하려면, 아래와 같은 방식으로 하면 됩니다.

[ (1) 접속하는 스크린 크기에 따라 표시/숨김을 제어하는 CSS ]
@media all and (max-width: 959px) {
    .naeyong .x700{display:block;}
    .naeyong .x490{display:none;}
    .naeyong .x290{display:none;}
}

@media all and (max-width: 720px) {
    .naeyong .x700{display:none;}
    .naeyong .x490{display:block;}
    .n…

구글 드라이브 시트 사용법: 시간대 (타임존 Time Zone) 변경 설정 방법

Image
시트(Sheet)에서 날짜와 시간을 적용하거나 계산할 때, 어느 시간대를 기준으로 하느냐가 중요한 경우가 있습니다. 구글 시트에서는 시간대를 간단하게 설정할 수 있습니다.

시간대 설정은 파일 단위로 이루어지므로, 설정한 시간대는 해당 스프레드 시트 전체에 적용됩니다. 즉, 하나의 스프레드 시트 파일 안에 여러개의 시트(sheet)가 있다면, 그 모든 시트에 적용됩니다.

스프레드 시트에서, 시간대를 설정하면, 해당 스프레드 시트 파일은 어느 지역 (타임 존)에서 보든 상관없이, 설정한 시간대로 표시되고, 함수에도 적용됩니다.

당연한 이야기이지만, 시간대를 변경하면, 날짜 및 시간과 관련된 함수에 바로 영향을 미치므로, 날짜 및 시간 관련 함수가 사용되고 있는 경우에는 잘 헤아려 보아야 합니다.

시간대를 변경/설정하는 방법은 아래 그림에서 보듯이 간단합니다.
>> 시트에서, 파일(File) > 스프레드시트 설정(Spreadsheet Settings) > 시간대(Time Zone)에서 원하는 시간대를 선택하고, 저장(Save Settings) 버튼을 누르면 됩니다.

[구글 드라이브 시트 시간대 설정 방법]
도움이 되기를 바랍니다.

구글 드라이브 시트 사용법: 데이타 나열 순서를 뒤집어 표시하는 방법 - SORT 함수 사용법

Image
구글 시트에서, GOOGLEFINANCE 함수 등으로 데이타를 불러올 때, 원래의 데이타 나열 순서를 뒤집어 거꾸로 표시해야 할 때가 있습니다.

예컨데, 100일간의 환율 데이타를 불러 오면, 최근의 데이타가 시트의 맨 아래에 위치하게 됩니다. 데이타 나열 순서를 뒤집어서, 최근의 데이타가 맨 위에 표시시되게 하면 더 편리할 수 있습니다.

이와 같이, 데이타의 나열 순서를 뒤집어 표시하려면, SORT함수를 함께 사용하면 됩니다.


[SORT 함수로 데이타 순서 뒤집기 기본 모양]
=SORT(데이타; 1 ; FALSE)

[SORT 함수를 GOOGLEFINANCE 함수와 함께 사용할 때의 기본 모양]
=SORT(GOOGLEFINANCE( ... ); 1 ; FALSE)

[ GOOGLEFINANCE 함수로 달러/원 환율 데이타를 불러온 원래 모습]
=GOOGLEFINANCE("USDKRW","price",Today()-10,Today(),"DAILY")

[SORT 함수로 데이타의 순서를 뒤집어 표시한 모습]
=SORT(GOOGLEFINANCE("USDKRW","price",Today()-10,Today(),"DAILY"); 1 ; FALSE)

위에서는 GOOGLEFINANCE 함수를 예제로 사용하였지만, 데이타를 불러 오는 다른 함수들의 경우에도 동일한 방법으로 하면 됩니다.

구글 드라이브 (Google Drive) 사용법: 워드프로세서, 스프레드시트
도움이 되기를 바랍니다.