반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 동영상, 사진, 음악 등 콘텐츠를 무료가 아닌 유료로 제공하는 플랫폼인 셔터스톡이라는 곳을 이용하고 싶을 때가 여러 번 있다. 그 여러 번 일 때에 대해 적으려 한다. 블로그를 하면서 유료로 사진, 동영상 등 콘텐츠를 구하는 것은 아깝다는 생각이 든다. 그래서 무료를 자주 이용한다. 무료로 구글 검색을 이용할 수 있지만 저작권 등을 고려하여 검색을 통하지 않고 대부분 픽사베이(Pixabay) 등에서 원하는 이미지를 찾는다. 그런데 무료 사이트를 이용하면서 유료 사이트를 이용하고 싶을 때가 자주 있다. 대부분 한글을 지원하고 무료로 사진, 동영상 등을 제공하는 픽사베이를 이용할 것이다. 픽사베이 등 무료로 콘텐츠를 제공하는 ..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이 글에서 부트스트랩 3, 4, 5로 버전업되면서 유튜브 등 동영상을 어떤 비율로 반응형으로 처리하는지 적어보고자 한다. 부트스트랩 3 부트스트랩3에서는 유튜브를 비롯한 동영상을 16:9와 4:3 두 가지를 비율로 반응형으로 처리한다. 16:9인 경우 나는 3에서 반응형으로 만들기 위해 클래스에 embed-responsive embed-responsive-16by9라는 것을 써주어야 하므로 귀찮아 사용하지 않는다. 얼마 전까지 4:3 비율로 반응형으로 만들었던 소스를 사용했다. 왜냐하면 그 소스는 단지 클래스에 vid라고만 추가해주면 되기 때문이다. 그리고 아래는 유튜브를 16:9와 4:3 비율로 반응형으로 처리해주는 소스다. 참고로 짜증 나게 삽입한 일부 태그가 사라진다. 위키..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이 글 배경에 보이는 것처럼 워드프레스에도 배경을 넣고 싶었다. 예전 워드프레스를 잠깐 다루었는데 워드프레스는 스킨(테마)이 HTML이 아니라 php라서 걱정됐다. 구글 검색을 통해 알아봤는데 워드프레스에 배경을 넣기 위해서는 mb.YTPlayer for background videos라는 플러그인을 사용하면 간단히 해결된다는 것이었다. 이 글 배경에 보이는 영상은 유튜브다. HTML 태그에서 video 태그를 사용한 것이 아니다. 영상을 유튜브에서 퍼온 것이다. 유튜브에 영상을 올려 퍼오면 트래픽을 절약할 수 있다. 유튜브에 있는 뮤직비디오 등을 사용하고 싶었으나 그 영상을 화려해 글자가 안 보여 검정 영상을 배경으로 했다. 지금은 아니지만 예전에 이 블..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 며칠 전, 동영상 슬라이드 인 및 아웃 효과를 하는 법을 알아보았다. 이번에는 아래 애니메이션처럼 글자를 슬라이드 인 및 아웃 효과를 줄려고 한다. 동영상의 경우 사전 설정을 이용하면 쉽게 슬라이드 인과 아웃 효과를 할 수 있었다. 텍스트 슬라이드 인과 아웃 그렇다고 사전 설정을 이용 못하는 것은 아니다. 사전 설정으로 효과를 만들 경우 텍스트 속성에 따라 사전 설정 수치를 변경해야 한다. 사전 설정으로 슬라이드 인과 아웃 예전 샷컷으로 텍스트 삽입하는 것을 적을 때 텍스트를 바로 동영상에도 넣을 수 있지만 트랙을 만들어서 넣는 것이 수정 등에 좋다고 했다. 텍스트를 바로 넣으면 나중에 수정 등을 할 수 없다고 했다..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 새 에디터에서 글 수정 시 삽입했던 태그가 사라지는 것이 정말 짜증이다. 많이 수정됐지만 작년 내가 새 에디터를 사용할 때 없어진 HTML 태그를 다시 집어넣은 것을 생각하면... 2021년 올해 2월 1일에 구 에디터가 종료했는데 티스토리 블로그 에디터에 지금의 에디터인 새 에디터와 구 에디터가 공존했었다. 특히, 유튜브 등 동영상을 삽입해야 할 때 심각했다. 만약 유튜브를 삽입한다면 누군가는 간단히 아래 그림 1번과 같은 유튜브 공유 링크를 삽입하면 될 것이라 생각할 것이다. 지금은 스킨을 수정해서 간단히 유튜브 공유 링크만 삽입하면 되게 했다. 하지만 예전에 그렇게 하면 안 되고 이 블로그 스킨에서는 위 그림 2번으로 아..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 닷홈에서 무료로 워드프레스를 하고 있다. 이 워드프레스는 워드프레스는 티스토리 등 블로그와 얼마나 차이가 있나 살 펴보기 위해 하는 것이니 큰 의미는 없어 업데이트가 자유롭다. 즉, 업데이트한 후 테마, 플러그인 등의 문제가 있어도 상관없다. 5.7로 업데이트했다 그래서 5.6을 사용하다가 5.7로 업데이트했다. 며칠 동안 알림판에 나온 업데이트 메시지를 보기만 하고 업데이트를 하지 않았다. 왜냐하면 예전에 했던 무료 웹호스팅은 워드프레스 업데이트가 너무 느렸기 때문이다. 그런데 혹시나 해서 했는데 업데이트는 아주 빨랐다. 업데이트를 누르니 약 10초 만에 끝난 것 같다. 그러니 테마 및 플러그인 등 다른 업데이트도 꺼..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 컴퓨터활용능력이라는 자격만 알았지 시험 과목 등 다양한 정보 대해 모르는 상태였을 때, 2021년에 컴퓨터활용능력에 대한 정보를 가지고 있는 책을 살펴봤다. 책 표지에 사용하는 프로그램 항목에서 2016이라는 단어를 봤다. 2016은 해당연도라고 알고 있다. 그 프로그램은 2019까지 있는 것으로 안다. 그런데 2016을 사용한다는 것이 웃겼다. 프로그램은 MS 오피스 2016 그래서 2016이 맞는지 확인하기 위해 대한상공회의소 자격평가사업단홈페이지에서 컴퓨터활용능력 시험과목을 살펴봤다. 시험 과목은 스프레드시트와 데이터베이스이고 실기 프로그램이 MS Office 2016이라는 단어를 봤다.2016을 사용하는 것이 는 나름의 이유가 있을 것이다. ..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이 글에 해결책을 적는 것이 아니라는 것을 알고 글을 읽었으면 한다. 한글글꼴이 한글로 나타난다 프로그램에서 한글 텍스트를 입력할 때 아래 그림 1 번과 같이 글꼴 이름이 한글로 나타나면 좋다. 글꼴이 전부 영문으로 나오면 짜증 난다. 그러면 자연스럽게 한글 글꼴을 자주 사용하게 된다. 참고로 아래는 개인, 공공기관, 기업 등에 무료인 캡처 프로그램인 픽픽(PickPick)이다. 픽픽 한글글꼴이 영문으로 나타난다 개인, 공공기관, 기업 등에서 무료로 사용할 수 있는 그래픽 프로그램인 잉크스케이프나 김프에서 한글 글꼴 이름이 영문으로 나온다. 예로 잉크스케이프와 김프에서 한글 글꼴인 나눔고딕을 찾으면 위 그림처럼 한글로 ..