-
[비공개] 동영상을 반응형으로 만들기 해결
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이 글에서 이 스킨에서 유튜브를 자동으로 반응형 만드는 것을 해결한 것에 대해서 적으려 한다. 티스토리에서 동영상 삽입 티스토리 새 에디터를 사용하면 유튜브를 삽입할 때 기본모드에서 단지 공유에서 복사한 후 글에 넣고 엔터를 치면 다음 줄로 넘어가 동영상이 나온다. 그리고 필요하다면 동영상 링크를 지운다. 아래 동영상을 그렇게 삽입했다. 유튜브에서 공유 > 퍼가기로 소스를 복사한 후 에디터를 기본모드에서 HTML로 변환 후 소스를 삽입하는 것도 가능다. 이런 방식은 네이버 블로그 에디터에서 가장 유사하다. 네이버 블로그 에디터와 거의 과정이 같은데 다른 것이 엔터과정만 없는 것이다. 네이버 블로그에서는 복사한 ..추천 -
[비공개] PC나 스마트폰으로 팩스, 보내고 받기
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이 글에서 인터넷으로 팩스를 보내고 받는 인터넷팩스인 하나팩스에 대해 알아보기로 한다. 사무실 등 공간에 팩스 기기를 갖추지 않고 PC나 스마트폰으로 팩스를 보내고 받는 인터넷팩스를 이용하면 아주 편하다. 우리나라 사람 대다수가 스마트폰이 있으니 1인 1 팩스라고 할 수 있다. 길가다가 생각나면 스마트폰으로 팩스를 보내거나 확인할 수도 있다. 그러니 이용하는 회사가 아래처럼 다양하다. 고객사 일부 가만히 비용적인 면을 생각하면 일반 팩스를 사용하면 팩스 기계, 팩스를 받을 때 출력할 종이값, 팩스를 인쇄할 토너값 비용이 생각난다. 하지만 인터넷 팩스를 사용하면 이 중에 사용 신청을 하는 비용만 든다. 팩스 기기..추천 -
[비공개] 3.티클 모아 태산이 됐으면 하지만...
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이 글에서 티클 모아 태산이 왜 어려운지최근 내가 접한 애드핏으로 적고자 한다. 들어가기 전에 애드센스, 애드핏 등 수익 모델에서 발생하는 작은 수익은 블로그를 오래 하면 티클 모아 태산이 된다. 여러 글에서 왜 티글 모아 태산이 되기 어려운지 적었다. 그 글은 아래 글을 참고하면 된다. 이 글에서 최근에 애드핏을 겪으면서 생각나는 것이 있어 더 보태려고 한다. 2021/01/14 - 1. 티클 모아 태산이 됐으면 하지만... 2021/01/21 - 2. 티클 모아 태산이 됐으면 하지만... 특정 블로그를 오래 해야 티클 모아 태산이 되려면 글에서 단순히 블로그를 오래해야 한다고 했다. 그때 그냥 블로그라고만 했는데 더 구체적으로 블로그에 적어야 할 ..추천 -
[비공개] 부트스트랩5,타이포그래피
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이 글에서 부트스트랩 5에서 타이포그래피에 대해 적으려 한다. 부트스트랩에서 타이포그라피는 html에서 텍스트 요소 등을 어떻게 처리할 것인지 대한 것이다. 그냥 HTML 태그에 대한 부트스트랩을 어떻게 정의하는지 모를 때는 HTML을 그냥 사용한다. 그러니 부트스트랩을 사용하면 HTML만 아니라 CSS도 헷갈릴 때가 많다. ~ HTML 태그에서 제목을 쓸 때 ~까지 사용한다. 예로 아래와 같이 사용한다. h1 Bootstrap heading (2.5rem = 40px) h2 Bootstrap heading (2rem = 32px) h3 Bootstrap heading (1.75rem = 28px) h4 Bootstrap heading (1.5rem = 24px) h5 Bootstrap heading (1.25rem = 20px) h6 Bootstrap heading (1rem = 16px) ~ 부트스트랩을 사용한다면 아래 소스처럼 클래스에 h1~h6을 추가하..추천 -
[비공개] 샷컷, 키프레임을 사용하여 이동
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이 글에서 샷컷에서 키 프레임에 대해 적고자 한다. 키 프레임 정의 키 프레임을 적고자 하니 키 프레임을 이해해야 한다. 위키피디아에서 키 프레임에 대해 설명한 것을 번역하면 아래와 같은데 정의를 읽어도 무슨 말인지 모르겠다. 애니메이션이나 영화제작의 키프레임은 매끄러운 전환의 시작점과 끝점을 규정하는 드로잉 또는 샷이다. 일련의 키 프레임은 시청자가 어떤 움직임을 보게 될지를 규정하는 반면, 필름, 비디오 또는 애니메이션의 키 프레임의 위치는 움직임의 타이밍을 규정한다. - 출처 : 위키피디아 내가 키 프레임을 플래시 제작 프로그램을 다루면서 접했으며 최근에 3D 프로그램인 블렌더를 다루면서 접했다. 처음 ..추천 -
[비공개] 많이 사용하는 캐드 및 3D 프로그램
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이 글에서 오토캐드 등 캐드프로그램, 마야/3DS MAX 등 3D 애니메이션 및 모델링 프로그램의 가격 등을 적고자 한다. 캐드 프로그램, 3D 모델링 및 애니메이션 프로그램 캐드 프로그램인 오토캐드(AutoCAD), 3D 애니메이션 및 모델링 프로그램인 먀야(Maya), 3ds MAX 등을 오토데스크에서 만들고 그 홈페이지에서 구입할 수 있다. 그 밖의 3D 기계 설계 및 3D 프린팅 프로그램인 Fusion 360 등을 구입할 수 있다. 오토캐드, 마야, 3ds 맥스 등의 제품은 오토데스크 제품으로 오토데스크는 3D 설계, 엔지니어링, 엔터테인먼트 소프트웨어 분야를 선도하는 글로벌 리더다. 온라인으로 제품 구매해야 하는 이유 온라인으로 오토데스크 홈페이지에서 오토캐드, ..추천 -
[비공개] 김프 2.10.22로 들어간 글자 만들기
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 김프 2.10.22로 아래 그림과 같이 표면에서 들어간 것과 같은 글자를 만들고자 한다. 결과 왜 설명하는지 예전, 김프 2.8로 글자가 들어간 효과를 설명했다. 누군가 왜 똑같은 것을 적느냐고 할지 모른다. 2.10.22에서는 적어야 하는 이유가 있다. 이유는 2.10.22에서 하는 방법이 달라졌기 때문이다. 내가 전에 적었던 방식을 따라 했는데 못했다. 2.8에서 했던 Drop Shadow를 2.10.22에서 Drop Shadow(legacy)로 해야 한다. 2.8에서는 그림자 효과인 Drop Shadow 하나만 있지만 2.10.22에서Drop Shadow와 Drop Shadow(legacy)가 두 가지가 있다. 2.10.22에서 2.8과 똑같이 Drop Shadow를 사용하면 안 된다. 만드는 과정 1. 배경을 연다. 나는 배경 이미지를 열어 이름을 배경이라고 ..추천 -
[비공개] 부트스트랩5, 거터인 패딩에 대해
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이 글에서 부트스트랩 5 거터(Gutter)에 대해 적고자 한다. 들어가기 전에 크롬, 웨일에서 부트스트랩 5 거터에 대한 설명의 번역본과 한글판 부트스트랩 v3.3.2의 거터에 대한 설명을 보면서 최대한 이해하면서 거터에 대해 적으려 한다. 거터란 거터(Gutter)는 부트스트랩 그리드 시스템의 콘텐츠를 반응적으로 공간화하고 정렬하는 데 사용되는 컬럼 사이의 패딩이다. 거터로 부트스트랩 그리드 시스템에서 콘텐츠의 간격을 지정하고 정렬하는데 사용된다. 거터(패딩:padding) 거터 폭 거터 폭은 1.5rem이고 픽셀로는 24px이다. 3개 컬럼 그런데 위 그림은 아래 소스의 결과로 행에 3개의 컬럼이 있다. 거터가 24px이니 아래 소스는 거터에 대한 ..추천 -
[비공개] 샷컷으로 서서히 나타나고 사라지기
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이 글에서 아래와 같이 샷컷을 사용해서서히 나타나고 사라지는 효과를 만들어보는 것에 대해 적을 것이다. 페이드 인과 아웃 페이드 인과 페이드 아웃이란 위는 동영상을 애니메이션 GIF을 만든 것으로 샷컷으로 서서히 나타나고 사라지는 효과를 주었다. 서서히 나타나고 사라지는 효과를 페이드 인(Fade In)과 페이드 아웃(Fade Out)이라도 한다. 곰믹스에서는 서서히 나타나기와 서서히 사라지기라고 하고 샷컷에서 아래 그림처럼 페이드 인 비디오과 페이드 아웃 비디오라고 한다. 아래에서 알겠지만 동영상만 아니라 텍스트에 적용할 때도 페이드 인 비디오와 페이드 아웃 비디오를 적용한다. 샷컷 : 페이드 인과 페이드 아웃 텍스트 ..추천 -
[비공개] 1월 방문자수/ 애드센스 수익/애드핏 수익
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이 글에서 이 블로그의 지난달 방문자 수, 애드센스 및 애드핏 수익을 적으려 한다. 들어가기 전에 수년 간 블로그에서 블로그 통계에 대해 적지 않았는데 이 블로그 통계에 대해 적을 필요 없다고 생각했다. 왜냐하면 방문자수, 애드센스 수익 등을 적는 것은 블로그 유지에 스트레스 요인이 된다는 점을 느꼈기 때문이다. 예로 자주 방문자 수를 보여주는 카운터를 제거했다. 왜냐하면 매일 봐야 한다는 것이 엄청 스트레스였기 때문이다. 블로그 관리의 카운터도 없애고 싶었으나 그것은 내 마음대로 할 수 없어서 아쉬웠다. 그리고 수익을 보지 않기 위해 수익 관리에도 접속하지 않았다. 왜냐하면 수익이 저조해 스트레스를 받았다. ..추천