도란도란 세상 사는 이야기 :)

안녕하세요 도란입니다. 오늘은 티스토리 Magazine 스킨의 메뉴바 크기 변경하는 방법을 알려드리도록 하겠습니다. 우선 저는 깔끔한 화면 구성 때문에 Magazing 스킨을 선택해서 사용하고 있습니다. 하지만 이 Magazine 스킨에서 조금 불편하다고 느끼는 부분이 있었는데요, 바로 [메뉴바] 부분이었습니다. 메뉴 버튼을 눌렀을 때 전체 화면을 덮어버리기 때문에, 메뉴를 누르면 블로그 화면을 미리 볼 수가 없었습니다. 기존 Magazine 화면 블로그에서 우측 상단 메뉴를 누르면 메뉴창이 아래 이미지와 같이 전체 화면을 가리게 됩니다. 오늘은 이 메뉴바의 크기를 줄이로 오른쪽으로 이동시켜보겠습니다. 메뉴바 상단 타이틀(Title) 숨기기 메뉴바를 줄이고 블로그화면을 미리 볼 수 있게 되면, 블로그 타..

IT테크 프로그램 어플/HTML & CSS 2020. 3. 7. 18:59

안녕하세요 오늘은 제가 사용하기 위해 만든 굿노트 스티커를 공유하려고 합니다. 필요하신 분들은 페이지 하단에서 PNG 파일을 다운로드해주세요. 공유할 스티커는 아래와 같습니다. 상단의 이미지는 미리보여드리기 위해서 올려놓은 이미지이기 때문에, 다운로드는 반드시 페이지 하단 png 파일을 다운로드해주세요. 스티커 사용방법 (파일이용) 아이패드의 [파일] 폴더에서 바로 사용하는 방법입니다. (굿노트 스티커 사용 방법은 굉장히 다양해요) 먼저 png 스티커를 아이패드 [폴더]에 저장해줍니다. 그래고 아래와 같이 굿노트5를 열어줍니다. 저는 여러분들께 보여주기 위해 임시로 페이지를 만들어보았습니다. 아이패드는 아래에서 위로 살짝 밀어주면 [Dock]이라는 화면이 나옵니다. (그중에 파일 아이콘이 없을 경우에는,..

IT테크 프로그램 어플/굿노트5 Goodnotes5 2020. 3. 7. 15:46

HTML5의 기본 태그 1번 크기의 제목 태그 2번 크기의 제목 태그 3번 크기의 제목 태그 4번 크기의 제목 태그 5번 크기의 제목 태그 6번 크기의 제목 태그 *1번이 가장 큰 크기 글자를 굵게 하는 태그 글자를 기울게 하는 태그 글자에 줄이 그어지는 태그(취소선) 글자에 밑줄이 그어지는 태그 글들의 문단을 구분해주는 태그 글의 줄을 바꿔주는 태그 (엔터 같은) 선을 그어주는 태그 어떠한 위치로 이동하는 태그(앵커 태그) * 반드시 href라는 속성과 함께 사용해야 함 리스트를 순서대로 나열해주는 태그 리스트를 나열해주는 태그 리스트 안에 요소를 나타내 주는 태그 표를 의미하는 태그 *이 태그 안에서 표를 만들어 줄 수 있음 가로 행 한 개를 의미하는 태그 * 태그가 세 번 나오면 표의 행이 3개라는..

IT테크 프로그램 어플/HTML & CSS 2020. 3. 6. 11:59

오늘은 HTML5를 공부하기에 앞서 HTML5의 기본적인 용어를 알아보도록 하겠습니다. 책에서는 보통 한글로 용어들을 표현하고 있지만, 실무에서는 보통 영어로 이야기한다고 합니다. 그래서 저도 익숙해질 수 있도록 영어와 한글을 동시에 사용하도록 하겠습니다. 입문자 기준으로 의미만 전달할 수 있게 통틀어 설명하였으므로 약간 비약된 해석이 있을 수 있으니 고수분들은 패스해주세요ㅎㅎ Code (코드) 우리가 입력하는 모든것을 코드라고 합니다. 웹이나 프로그램에서 사용하는 텍스트의 통칭이라고 할 수 있죠. 그래서 코드를 입력하는 행위를 코딩이라고 하고, 그 행위를 하는 사람을 코더라고 부릅니다. Tag (태그) 이런 것들을 혹시 보신 적 있나요? 태그는 바로 이런 것들(?)입니다. 웹 브라우저가 인식할 수 있도..

IT테크 프로그램 어플/HTML & CSS 2020. 3. 5. 16:05

유튜브 음원 추출 mp3 사이트 바로가기 (4K YouTube to MP3) 유튜브 영상에 있는 음원을 mp3파일로 다운로드 해야 할 때 사용할 수 있는 4K YouTube to MP3라는 프로그램을 소개하겠습니다. 유튜브 음원추출 프로그램 사이트 바로가기 유튜브 영상에 있는 음원을 mp3 파일로 다운받기 위해서는 4K YouTube to MP3 프로그램을 다운로드 해야합니다. 무료로 사용 할 수 있으며, 복사 + 붙여넣기 만으로 간단하게 mp3로 파일을 다운로드 할 수 있습니다. 먼저 아래에 있는 4K YouTube to MP3 사이트에 접속합니다. 4K YouTube to MP3 사이트 바로가기 사이트에 들어가면 바로 다운로드할 수 있습니다. 저는 맥북을 사용하고 있어서 macOS용을 다운로드하였지만..

IT테크 프로그램 어플/유용한 사이트 2020. 3. 4. 19:00

본 글은 HTML 입문자를 위한 글입니다. 매우 기본적이 내용이기에, 고수분들은 패스해주세요. HTML 뒤에 붙어있는 이 숫자 5가 궁금합니다. 다섯번째라는 의미인 건 알겠는데 무엇이 다섯 번째일까요? HTML 은 Hypertext Markup Language의 약자입니다. 이것 또한 어렵다면 입문자에게 HTML은 [웹이 읽는 문서]라고 쉽게 표현해보면 어떨까 싶습니다. 우리가 표현하고자 하는 것을 텍스트로 문서를 만들어서 웹에게 알려주면, 웹이 그 문서를 읽고 표현해내는 것입니다. 그리고 그 HTML이라는 문서를 표준화하는 일을 W3C라는 재단에서 하고 있습니다. 이 표준은 꼭 해야 하는 명령 같은 것이 아니라, 약속처럼 권고사항입니다. 모든 웹 브라우저가 이 표준을 지켜야 하는 의무는 없지만, 202..

IT테크 프로그램 어플/HTML & CSS 2020. 3. 4. 08:30

우리가 흔히 사용하는 WWW는 월드 와이드 웹(World Wide Web)의 줄임말입니다. 월드 와이드 웹 이란, 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 공간을 말합니다. 인터넷과 웹은 다르다? 인터넷은 전 세계를 연결하고 있는 국제 정보 통신망을 뜻하고, 웹은 인터넷 위에서 작동하는 서비스 개념입니다. 인터넷의 시작 1969년 미국이 핵과같은 공격에 대비하기 위해 통신시스템에서 데이터를 안전하게 보관 및 전송할 수 있도록 한 시스템에서 시작되었습니다. 처음에는 미국의 국방성과 대학교를 연결하는 것에 그쳤지만, 점점 민간 연구용 네트워크가 생기고, 그 민간용 네트워크가 오늘날 현재의 인터넷으로 발전되었습니다. 이것을 만들어낸 핵심 개발자인 팀 버너스 리가 1991년에 WWW를 개발..

IT테크 프로그램 어플/HTML & CSS 2020. 3. 3. 21:10

오늘은 프로그램 설치없이 유튜브 썸네일을 간편하게 만들 수 있는 [미리캔버스]를 소개하겠습니다. 저는 온라인 홍보를 위해 포스터나 썸네일을 주로 망고보드에서 만들어왔었는데요, 유료로 망고보드 이용을 하다가 '미리 캔버스'를 알게된 후에 무료로 포스터와 썸네일을 만들고 있습니다. 망고보드의 장점도 있지만, 개인적으로 무료로 사용가능한 미리캔버스를 더 애용하고 있습니다. 미리캔버스 바로가기 미리 캔버스 장점 미리캔버스의 가장 큰 장점은 상업적으로 이용 가능하다는 점입니다. 아래와 같이 저작권료는 모두 미리캔버스에서 부담을 한다고 합니다. 무료로 사용시 워터마크가 있는 사이트도 있는데, 워터마크가 아예 없는 무료 사이트 입니다. 단, 일러스트나 이미지를 따로 따로 하나씩 다운받아서 포토샵에서 사용하는 경우에는..

IT테크 프로그램 어플/유용한 사이트 2020. 3. 2. 08:40

유튜브를 보다 보면 상단에 로고가 들어있는 경우를 본 적 있을 실 텐데요, 오늘은 동영상 편집기 블로 VLLO를 이용해서 영상 상단에 로고를 넣어보겠습니다. 영상에 로고를 넣으면 좋은 점들이 있습니다. 먼저 자신의 채널의 정체성을 확실하게 하여 시청자에게 채널 이름을 기억하기 쉽게 할 수 있습니다. 또 하나는 나의 영상이 캡처가 되어 커뮤니티에 공유되었을 때 출처를 밝히지 않고도 본인의 채널을 소개할 수 있는 기회가 생기게 됩니다. 그래서 이왕이면 영상에 로고를 넣는 편이 좋다고 생각합니다. 1. 로고만들기(무료) 로고를 만드는 무료 이미지 편집 사이트들이 있습니다. 저는 주로 [캔바]라는 사이트에서 만듭니다. 다양한 로고 템플릿이 있어서 글자만 바꿔도 심플하고 세련된 로고를 만들 수 있습니다. 무료 이..

IT테크 프로그램 어플/블로 VLLO 2020. 2. 29. 09:00

구매하게 된 계기 레트로 유행의 영향일까요. 최근 필름카메라 느낌의 사진들이 눈에 들어오기 시작했습니다. 사진 찍는 걸 좋아하지만 사진찍는 재주가 없는 저같은 사람에게 [카메라 보정 어플]은 필수 아이템 입니다. 저는 아이폰X를 사용하고 있습니다. 앱스토어에 다양한 카메라 어플이 있지만, 얼굴보정 어플은 뽀샤시 한 느낌이 들고, 필름 카메라 어플은 과한 느낌이 들었습니다. 그 중간 중간 느낌의 감성 자극 어플을 항상 갈구하고 있었죠. 그러다가 우연히 한 어플을 발견하게 되었고, 바로 유료 결제를 하고 말았습니다. 그 어플은 바로 @yoojinkim 이라는 어플이었습니다. 어플 소개 썸네일을 보는 것만으로도 허접한 저의 사진들이 감성 사진으로 변할 것만 같은 느낌었습니다. 간단 소개 이 카메라 어플의 필터..

IT테크 프로그램 어플/App Store 어플리뷰 2020. 2. 27. 09:00

안녕하세요 저는 애플워치4를 2019년 7월부터 사용하고 있습니다. 애플워치는 애플사에서 만든 스마트 워치 입니다. 일반 시계와 비슷하게 생겼지만, 애플의 watchOS 라는 프로그램이 들어있는 스마트 기기라고 볼 수 있습니다. 좀 더 쉽게 설명하면 아이폰의 축소판이라고 생각하면 됩니다. 아이폰에서 제공하는 기능이 전부 들어가 있는 건 아니지만, 아이폰에 오는 알람이나 메시지, 카톡 등을 애플 워치에서 확인할 수 있습니다. 특히 애플워치에서 버튼 하나로 핸드폰을 찾을 수 있는 기능은, 저처럼 자주 깜빡하는 사람에게 혁명적인 기능이었습니다. 이것뿐만이 아니라, 이 작은 스마트기기는 제 삶에 다양한 변화를 주었습니다. 오늘은 제가 겪은 경험을 소개하도록 하겠습니다. 지극히 개인적인 경험이고 의견임을 미리 알..

IT테크 프로그램 어플/IT 제품 2020. 2. 26. 18:00

안녕하세요. 도란입니다. 동영상 편집에 관심 있는 분들이 점점 많아지고 있습니다. 영상 편집을 배워서 유튜브를 시작하고 싶은 분들도 계실 텐데요, PC용 동영상 편집 프로그램은 금액 부담이 있고 사용법이 어렵다는 단점이 있습니다. 그래서 오늘은 무료로 사용 가능하면서도 간편하게 핸드폰으로 편집을 할 수 있는 동영상 편집프로그램 블로(VLLO)의 사용법을 알려드리겠습니다. 오늘 알려드리는 기본적인 기능만 알아두어도 전문 프로그램 못지않은 영상을 만들어 내실 수 있을 겁니다. 1. 파일 열기 우선 블로 어플을 실행시켜준 후에 [비디오 만들기]를 누릅니다. 그러고 나서 비디오 항목으로 간 후, 아래와 같이 목록에서 원하는 비디오 클립들을 선택한 후 우측 상단 파란색 화살표를 눌러줍니다. 편집하면서 추후에 비디..

IT테크 프로그램 어플/블로 VLLO 2020. 2. 26. 08:44