반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이 글에서 리눅스에서 설치할 수 있는 코드 프로그램에 대해 적으려 한다. 윈도우가 아닌 리눅스에서 기본으로 설치된 상태에서 사용할 수 있는 코드 편집기를 찾으려고 했다. 윈도우 메모장과 비슷한 텍스트 편집기라는 프로그램이 기본으로 설치되므로 사용하려 했지만 너무 불편했다. 그래서 구글 검색을 통해 알아보다가 Sublime text라는 프로그램을 알게 됐다. 이 프로그램은 아래 그림을 보듯이 리눅스(Linux)만 아니라 윈도우, 맥 버전도 있다. 하지만 리눅스 버전은 Linux repos라는 것이 무슨 말인지 몰라 설치하지 못해 실망했다. 참고로 리눅스는 민트 하나만 있는 것이 아니고 우분투, 레드햇 등 다양한 배포판 버전이 다양해서 설치..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이 글에서 내가 느낀 티스토리 블로그 최고 장점에 대해 적고자 한다. 이 블로그 스킨을 부트스트랩으로 만들었으므로 부트스트랩을 위주로 생각하면서 장점을 적고자 한다. 현재는 부트스트랩 버전 3이고 부트스트랩 최신 버전은 5.2 베타 1이다. 1. 스킨 편집 내가 티스토리를 2010년 2월 초부터 했으니 13년이 되간다. 이제까지 티스토리를 하면서 변하지 않은 장점이 스킨 편집인 HTML 편집이라고 생각한다. 국내 블로그에서 부트스트랩을 거의 자유롭게 사용할 수 있는 블로그는 티스토리라 생각한다. 네이버, 다음 블로그는 부트스트랩으로 스킨 만들기는 불가능하다. 예로 네이버에서 스킨 만들기를 집을 만들는 것에 비유한다면 가구, ..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이 글에서 티스토리에서 치환자 사용했을 때 고생한 경험을 적고자 한다. 티스토리 스킨 가이드에 댓글 작성자 앞 프로필 아이콘 이미지 나오게 할 때 치환자를 사용한다는 것을 알고 있다. 그리고 거기에서 그 치환자 사용은 아래와 같이 한다고 있다. 아래와 같은 예제에 댓글 사용자 앞에 만을 사용한다고 한다. 예전 에디터에서는 치환자를 모두 적었을 때 읽어서 안 보여 일부만 적었는데 지금 에디터는 그런 것이 없다. 나는 코딩을 할 때 직접 하기보다 복사와 붙이기를 많이 사용한다. 그래서 위 소스를 복사해서 붙였는데 댓글 작성자 앞에 이미지는 나타나지 않고 주소만 나타났다. 이것 때문에 약 20분은 고생한 것 같다. ..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 개발자가 아닌 입장에서 부트스트랩을 내 입장에서 적어보려 한다. 이 블로그 스킨을 부트스트랩 버전 5에서 기존의 버전 3으로 다시 돌아갔다. 지금 부트스트랩 최신 버전은 5.2 베타 1이다. 참고로 부트스트랩 영어 홈페이지를 방문하면 최신 버전을 알 수 있다. 전에 2013년 8월에 발표된 부트스트랩 버전 3으로 만든 스킨을 사용했다. 부트스트랩 버전이 업데이트될 때마다 이 블로그 스킨도 최신 버전으로 변경해야겠다고 생각했지만 그게 쉽지 않았다. 대신 부트스트랩이 업데이트가 될 때 내가 만든 다른 티스토리에서 부트스트랩 버전 4, 5를 테스트했다. 장점 내가 부트스트랩 버전 2를 별로 사용하지 않고 3을 오랫동안 사용했다. ..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 티스토리 에디터에 HTML 블럭 삽입 기능을 사용하면 에디터에 있는 HTML(모드)이 필요 없을 수 있다. 예전에 적었듯이 에디터에 있는 HTML 블럭 삽입 기능을 이용하면 HTML, CSS, 자바스크립트를 삽입하여 아래와 같은 효과를 만들 수 있다. 아래 버튼에 마우스를 올리면 변한다. HTML 삽입 미리보기할 수 없는 소스 티스토리 에디터는 모드를 기본모드, 마크다운, HTML로 변경할 수 있다. HTML 소스를 기본모드에서 HTML 블럭으로 삽입하면 HTML이 필요 없다고 생각할 수 있다. 하지만 HTML의 경우 필요하다. 왜냐하면 HTML 소스를 반드시 HTML 상태에서 삽입해야 하는 경우가 있다. 다음 줄과 같은 줄 같은 줄에 적용돼야 하는 경우 반드시 모드를 HTML로 ..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 내가 알고 있는 3군데의 무료 TTS 서비스를 아래와 같이 알고 있다. 그중에서도 최근에 알게 된 세 번째 사이트로 이 글을 적고자 한다. TTS 사이트에서 문장을 녹음한 후 샷컷이라는 동영상 편집기에 음성을 삽입하여 동영상과 합치고자 한다. 음성 합성은 말소리의 음파를 기계가 자동으로 만들어 내는 기술로, 간단히 말하면 모델로 선정된 한 사람의 말소리를 녹음하여 일정한 음성 단위로 분할한 다음, 부호를 붙여 합성기에 입력하였다가 지시에 따라 필요한 음성 단위만을 다시 합쳐 말소리를 인위로 만들어내는 기술이다. TTS(text-to-speech)라고도 한다. - 출처 : 위키백과 https://text-to-speech.imtranslator.net/speech.asp?dir=ko https://ttsdemo.com/ https:..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이 글에서 티스토리를 포함 여러 블로그의 모바일 웹과 앱에 대해 적고자 한다. 티스토리 우리가 알고 있는 서비스에 모바일을 적응하지 못해 종료한 서비스가 많다. 티스토리도 PC가 주를 이루던 과거에 다른 국내 블로그보다 월등히 앞섰는데 이제는 그런 것이 아닌 것 같다. 현재 티스토리를 앱이 아니면 그렇게 접근이 간단하지 않다. 아래 그림을 보면서 설명하면 나는 티스토리 관리를 스마트폰에서 크롬이라는 모바일 브라우저를 통해서 접근한다. 그렇지만 관리가 반응형이 아니기 때문에 PC 화면을 스마트폰으로 보면 눈이 피곤하다. 브라우저를 가로모드가 가능하므로 가로로 보면 글자가 커져 보기가 좋다. 참고로 아래 그림..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 애플 공식 사이트인 애플(대한민극)을 방문하면 아이폰, 아이패드, 에어팟 프로, 애플 와치, 맥북, 애플 플러스 등에 대한 정보만 그치지 않고 구입도 할 수 있다. 하여튼 애플의 제품에 대한 모든 정보를 얻을 수 있다. 나는 거기에서 애플에서 5K, 6K인 디스플레이까지 취급하는 것을 알았다. 참고로 애플에서 취급하는 디스플레이의 경우 맥(Mac)을 선택하면 볼 수 있다. 이 글에서는 디스플레이가 아닌 아이패드에 대해서 적어보려 한다. 전에 윈도우 운영체제(OS) 태블릿에 대해 다루었는데 이 글에서 아이패드 운영체제 태블릿인 아이패드에 대해서 적으려 한다. 예전에 알았는데 이제는 아이패드 운영체제가 iOS가 아닌 아이패드 운영체..