Posts

DNS 검사 : 도메인 네임 시스템(DNS) 설정 정상 작동 여부 검사하는 방법

Image
도메인 안내기능을 하는 도메인 네임 시스템(DNS : Domain Name System)이 정상적으로 작동하지 않으면, 블로그나 웹사이트에 접속이 되지 않을 수 있습니다.

블로그나 웹사이트가 정상적으로 접속되지 않는 경우에, 원인은 여러가지가 있을 수 있지만, DNS의 정상작동 여부를 검사해 볼 필요가 있을 경우에, 편리하게 사용할 수 있는 사이트가 많이 있습니다. 아래는 회원가입이나 개인정보 입력없이 쉽고 간단하게 검사할 수 있는 곳입니다. 검사방법은 아래 그림에서 보듯이 매우 간단합니다.


먼저 DNS 검사 사이트로 갑니다.
https://dnschecker.org

① 검사하고자 하는 도메인 이름을 입력합니다
② 검사하고자 하는 형식(항목)을 선택하고, 옆의 검사[Search] 버튼을 누릅니다.

그러면, 잠시후, 검사결과가 ③ ④와 같이 표시됩니다. 왼쪽 ③에는 글자로 검사지역과 결과를 표시해주고, 오른쪽 ④에는 지도위에 검사지역과 결과를 표시해 줍니다. 초록색 체크(V)표시가 된 지역에서는 정상적으로 작동하고 있음을 뜻합니다.

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

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) 이름과 중복되지 않게 임으로 붙이면 됩니다. 클래스 이름 앞…