Posts

구글 드라이브 시트 사용법: 구글 시트 다른 파일로 복사 이동하는 방법, 다른 파일에 시트 합치기

Image
구글 드라이브 시트에서,
스프레드시트(파일)에 있는 특정한 시트(worksheet)를 다른 스프레드시트(파일)로 복사하여 이동하는 방법입니다.

방법은 아래 그림에서와 같이 간단합니다.
그림은 스프레드시트(파일1)에 들어 있는 워크시트 [파일1-시트1]을 다른 스프레드시트(파일2)로 복사/이동하는 예제 입니다. 이렇게 하면, 내용은 물론이고, 함수, 열과 행 너비, 색상 등 해당 시트에 적용되어 있는 모든 설정이 그대로 복사 이동됩니다.

>> 복사/이동하고자 하는 시트(worksheet)가 들어 있는 스프레드시트(파일)를 열고
> 이동하고자 하는 시트 이름 옆의 삼각형 버튼 클릭 > 복사(Copy to) > 기존 스프레드시트(Existing spreadsheet) 선택

>> 스프레드시트 선택창이 열리면
> 이동하고자 하는 대상(목적지) 파일 선택 > 선택(select)버튼 > 복사 성공 알림창의 확인(OK)버튼을 누름
이로써, 복사/이동이 완료되었습니다.


대상(목적지) 스프레드시트(파일)을 열어 보면,
그림의 아래쪽에서 보는 것처럼, 워크시트(worksheet)가 복사/이동되어 있습니다. 복사/이동된 시트 이름 앞에 "Copy of"가 붙어 있습니다. 시트이름은 원하는대로 바꾸면 됩니다. 원래의 스프레드시트(파일)에는 복사/이동한 원본 워크시트(worksheet)가 그대로 남아 있습니다.

메타트레이더 MT4 MT5 사용법 : 주문 청산 정정 취소 방법 - 원클릭(one click) 주문, 주문창 주문, 차트 주문, 현황판

Image
주식 채권 선물 환율 등 금융상품 트레이딩에서, 가격을 기준으로하여 주문을 넣는 방법은 크게 3가지로 나누어 볼 수 있습니다.

1. 현재 시장가로 주문을 넣는 것입니다.

2. 현재가보다 높은 가격에 예약주문을 넣는 것입니다. 이 경우는 다시 두 가지로 나누어 볼 수 있습니다.
2-1. 가격이 현재가 보다 높은 특정한 가격을 상향돌파 하면 매수 되도록 미리 예약주문을 넣는 것이고,
2-2. 가격이 현재가보다 높은 특정한 가격까지 반등 하면 매도 되도록 미리 예약주문을 넣는 것입니다.

3. 현재가 보다 낮은 가격에 예약주문을 넣는 것입니다. 이 경우도 두 가지로 나누어 볼 수 있습니다.
3-1. 가격이 현재가 보다 낮은 특정한 가격까지 하락 하면 매수 되도록 미리 예약주문을 넣는 것이고,
3-2. 가격이 현재가 보다 낮은 특정한 가격을 하향돌파 하면 매도 되도록 미리 예약주문을 넣는 것입니다.

매수/매도 주문 유형 5 가지


현재가 보다 높은 가격에 주문 1) 매수 : 특정한 가격을 상향돌파하면 매수 되도록 미리 주문2) 매도 : 특정한 가격까지 반등하면 매도 되도록 미리 주문

현재 가격에 주문현재 시장가에 매수 또는 매도 주문


현재가 보다 낮은 가격에 주문 1) 매수 : 특정한 가격까지 하락하면 매수 되도록 미리 주문2) 매도 : 특정한 가격을 하향돌파하면 매도 되도록 미리 주문


메타트레이더에서 주문 청산 정정 취소 방법

메타트레이더에서도 위에서와 같은 주문을 모두 넣을 수 있도록 되어 있습니다. 메타트레이더를 제공하는 브로커는 2000개가 넘는다고 합니다. 기본적인 주문방식은 모든 브로커가 동일하게 제공하지만, 주문에 조건을 합성하는 세부적인 주문방식은 브로커 마다 다르므로 해당 브로커의 주문방식을 읽어 보아야 합니다. 아래는 공통적인 주문방식에 대한 설명입니다.

메타트레이더에서 주문을 넣는 방법에는 원클릭(one click) 주문, 주문창 주문, 차트에서 주문 등 3가지가 있습니다.


[1] 원클릭(one click) 주문 : 매도(SELL) 또는 매수(BUY) 버튼을 …

HTML DIV tag : Video 유투브 동영상 반응형 (responsive) 임베드 방법 - 웹페이지 너비에 맞게 비디오 너비 높이 자동 조절

Image
유투브(YouTube) 비메오(Vimeo) 등에 올려진 동영상을 웹페이지나 블로그에 심는(embed [임베드]) 경우에,

웹페지 너비에 따라 자동으로 비디오 너비(width)와 높이(height)가 조절되게 하는 방법입니다.

이렇게 하는 방법은 여러가지가 나와 있습니다. 아래는, 브라우저 특성을 타지 않으면서도, 간단하고 쉬워 누구나 할 수 있는 방법 가운데 하나입니다.

아래에서 보는 바와 같이, 스크립트는 두 부분으로되어 있습니다.
하나는 클래스(class) 스타일(style)을 지정하는 부분과, 둘은 동영상 임베드 스크립트를 놓는 부분입니다. 각 부분에 대한 설명은 아래쪽에 각각 해놓았습니다.

[동영상 반응형으로 심는 스크립트 예]
<style type="text/css">
<!-- 비디오 설정을 함 -->
.videoTeduri {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoTeduri iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
</style>

<div class="videoTeduri">
<!-- 유투브 등에서 임베드 코드를 복사하여 그대로 붙여 넣음 -->
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/EyIk1kjEWXI?start=190" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

HTML IMG tag 사용법 : 그림 이미지 크기 조절 방법, 좌우 가운데 정렬 방법, 여백 설정 방법, 기타 속성 설정 하기

Image
웹페지에 HTML <Img> 태그로 그림 이미지를 넣을 때, 이미지 좌우 정렬, 이미지 크기 조절, 이미지 여백을 조절하게 됩니다. 방법은 스타일(style) 속성을 주면 간단하게 할 수 있습니다.


1. 그림 이미지 넣기

기본 태그 모양
<img src="여기에 이미지 주소(URL)를 적으면 됩니다." />
실제 예
<img src="https://1.bp.blogspot.com/pink-rose-250x250.png" />


참고: 태그 끝에 빨강색으로 표시한 / 는 <img ~~ 태그를 마무리 하는 것입니다. / 가 없어도 대부분 무리없이 작동을 하지만, / 가 없으면 오류가 나는 경우도 있습니다. 특별한 사정이 없다면, 태그 규칙에 맞게 / 를 넣어 주는 것이 더 낫지 싶습니다.
참고: <img src = ~~ 에서, img는 image [이미지]의 약칭이고, src는 source [소스]의 약칭입니다.




2. 이미지 크기 조절 하기

위에서와 같이 이미지를 불러 오면, 원래의 크기대로 표시가 됩니다. 페이지에 잘 어울리도록 이미지 크기를 조절하려면, 아래와 같이 스타일(style) 속성에서 너비(width)와 높이(height)를 지정해 주면 됩니다.

태그 모양
<img
src="이미지URL"
style="width:100px; height:100px;"
/ >
실제 예
<img
src="https://1.bp.blogspot.com/pink-rose-250x250.png"
style="width:100px; height:100px;"
/ >


참고: 위와 같이 하면, 페이지에 불려지는 이미지는 원래 크기 그대로 이지만, 방문자가 보는 페이지에서는 속성에서 지정한 크기로 표시됩니다. 이미지 크기는 페이지 로딩 속도에 미치는 영향이 상대적으로 크다 할 수 있습니다. 그러므로, 이미지를 필요 …

푸바 2000 음악 플레이어 사용법 - 포터블 무설치 버전 다운로드 및 실행 방법 Foobar2000 Portable installation

Image
음악 재생 플레이어 가운데서, 아마도, 푸바 만큼 지속적으로 인기를 유지하는 경우는 거의 없지 않을까 싶습니다.

프로그램을 컴퓨터에 설치하지 않고, 이동식 저장장치에 저장해서, 가지고 다니면서 사용할 수 있는 버전을 흔히들 포터블(portable) 버전이라 하는 것 같습니다. 작은 메모리나 USB 같은 데에 음악 파일들과 함께 푸바 2000 포터블 버전을 저장하면, 늘 같은 조건에서 음악을 들을 수 있어 좋습니다.

푸바 2000 포터블 버전을 사용하려면, 푸바 2000 파일을 다운로드 하여, exe 파일을 실행 할 때에, 포터블 버전을 선택하면 됩니다.

푸바는 포터블 버전과 설치 버전이 따로 구분되어 있지 않고 함께 들어 있습니다.
다운로드 한 exe 파일을 풀 때에, 컴퓨터에 설지할 지 아니면, 포터블 버전으로 할 지를 선택할 수 있도록 되어 있습니다.

>> 푸바 2000 최신버전을 다운로드 한다
참조: 푸파 2000 다운로드 페이지 http://www.foobar2000.org/download
참조: 푸바 2000 다운로드와 설치 방법 설명 페이지

>> 다운로드한 실행파일 (foobar2000_v1.xx.exe)을 실행(더블 클릭)한다.
다운로드한 파일은 특별히 경로를 지정하지 않으면, 대체로 윈도우 탐색기의 다운로드(Down load) 폴더에 저장되어 있습니다.

>> 아래 그림에서 보듯이, 세 번째 단계에서, 무설치 포터블 버전 (Portable installation)을 선택하고, 진행하면 됩니다.



이 3 번째 단계에서, 
위쪽 컴퓨터 설치 (Standard installation)와 아래쪽 포터블 설치(Portable installation) 가운데서, 아래쪽 Portable installation의 동그라미를 마우스로 클릭하여 선택하고, [다음 (Next)] 버튼을 클릭하여 진행하면 됩니다.


>> 푸바 2000 음악 플레이어 Foobar2000 사용법 글 목록

HTML A tag: A 링크 태그에 직접 스타일 속성 지정하는 방법 - 색상 글꼴 밑줄 배경 온마우스

Image
블로그나 웹페이지에서, <A> 링크 태그의 속성은 헤드(head)에서 설정하여 일괄적으로 적용되는 것이 일반적이지만, 특정한 링크에만 다른 속성을 줄 필요가 있을 때는 아래와 같이 해당 링크에 직접 속성을 줄 수 있습니다.


[<A> 링크에 직접 스타일 속성 주기]
<a href="ojji.wayful.com" style="속성 지정">사용법어찌</a>
스타일 속성에는 여러가지가 있고, 원하는 속성을 지정하면 됩니다.
예)
글자 색상 속성 =>  color: red; 
글자 꾸밈 속성 =>  text-decoration: none;
글자 크기 속성 =>  font-size: 1.5em;
글자 굵기 속성 =>  font-weight: bold;
배경색상 속성 =>   background: #eee;


[<A> 링크에 직접 스타일 속성을 준 태그 모양]
<a
href="ojji.wayful.com"
style="
color: orange;
font-size: 2.0em;
font-weight: bold;
background: #efefef;
"
>사용법어찌</a>
[위와 같이 <A> 링크에 직접 스타일 속성을 준 실제 모습]
사용법어찌
[참고: 개별적으로 속성을 주지 않고,  <A> 링크에 기본 속성이 적용된 모습]
사용법어찌



[특정 페이지 안에서 여러 개의 링크에 같은 속성을 주는 방법]

특정한 하나의 페이지 안에, 여러 개의 <a>링크가 있고, 해당 페이지 안의 여러 개의 링크에 일괄적으로 같은 속성을 줄 필요가 있을 때는, 페이지 맨 위에 CSS로 클래스(class)를 설정하여 적용하면 편합니다.

아래에서, 빨강색으로 표시된 soksung 은 클래스 이름이고, 이름은 다른 클래스나 아이디(ID) 이름과 중복되지 않게 임으로 붙이면 됩니다. 클래스 이름 앞…

구글 블로그 사이드바 모바일 숨기기, 데스크탑 보이기, 모바일 속도 빠르게

Image
구글 블로그 반응형 테마는, 모바일로 접속하면 사이드바가 접히고 상단에 햄버그 아이콘이 표시됩니다. 화면에 사이드바가 보이지는 않지만, 사이드바 내용을 로딩 하므로, 블로그 로딩 시간이 많이 걸리게 됩니다.

사이드바 내용이 많거나 큰 용량의 이미지가 있어, 페이지 로딩 속도가 문제 된다면, 모바일에서는 사이드바를 로딩하지 않도록 하는 방법도 생각해 볼 수 있겠습니다. 방문자가 햄버그 버튼을 눌러 사이드바 내용을 빈번하게 사용하는지를 잘 헤아려 볼 필요가 있습니다.

방법은 간단합니다.
사이드바 영역에 아래와 같은 조건을 설정해 주면 됩니다.

cond='data:blog.isMobileRequest == "false"'


>> 블로그 대시보드 > 테마(Theme) > HTML편집(Edit HTML) 버튼을 눌러, HTML 편집창을 엽니다.
>> 창의 아무곳에나 마우스를 놓고, 한 번 클릭하여, 창을 활성화 시킵니다. > 키보드의 [컨트롤 + F]키를 쳐서 검색상자를 엽니다.


>> 검색상자에 <aside 를 입력하고, 엔터키를 쳐서, 해당 위치로 이동하여, 조건을 설정하는 코드를 넣습니다. <aside> </aside> 는 사이드바 영역입니다.

위 그림에서 보듯이,  사이드바 코드는 아래와 같은 모양으로 되어 있습니다.
<asideclass='sidebar-container container sidebar-invisible' role='complementary'>
      <div class='navigation'>
        <b:include data='{ button: true, iconClass: &quot;flat-icon-button ripple sidebar-back&quot; }' name='backArrowIcon'/&g…