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

안녕하세요 도란입니다. 오늘은 아이폰을 이용해서 브이로그를 촬영하고 영상을 편집할 수 있는 어플을 소개하겠습니다. 저도 어플을 이용한 영상편집을 종종 하고 있습니다. 간단하고 편리한 기능이 PC 편집 프로그램 못지않기에 여러분들도 이용해 보면 좋을 것 같습니다. 1. 블로 VLLO 가장 추천하는 어플입니다. 조작이 간편해서 배우기도 쉽습니다.(블로그 내 블로 강좌가 있습니다) 앱 내 유료 구매를 통해 더 많은 음악과 효과를 사용할 수 있지만, 처음에는 무료로 사용하셔도 충분합니다. 심지어 무료 사용자에게도 워터마크가 생기지 않기 때문에 더욱 부담 없이 사용할 수 있는 어플입니다. 커트 편집, 배경음악, 효과, 자막 등 직관적인 사용법으로 익히기도 쉽습니다. 블로VLLO 사용방법 바로가기 2. 키네마스터 ..

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

CSS의 속성을 하나씩 살펴보기 전에, 단위를 먼저 알고 들어갑니다. 물론 vicual studio code에 입력하다 보면 자연스럽게 익힐 수 있지만, 저에게 생소한 단위들이 있어 눈에 익히기 위해 정리하려고 합니다. * 한빛미디어 '모던 웹을 위한 HTML5+CSS3바이블 3판'을 기본 바탕으로, 나름대로 재해석하여 정리하였습니다. 단위의 종류 CSS 단위는 크게 세가지로 나눌 수 있습니다. (키워드 단위는 너무 많기 때문에 생략) 아는 단위가 많을 수도 있지만, 저에게는 생소한 단위들이 보입니다. 하나씩 간단히 정리하도록 하겠습니다. 크기 단위 책에 의하면 위의 표 중에서도 더 많이 사용하는 크기 단위는 %, em, px이라고 합니다. 1) % (퍼센트) 상대적 크기 단위 입니다. 초기 설정된 크기..

IT테크 프로그램 어플/HTML & CSS 2020. 3. 13. 17:55

안녕하세요. 오늘도 제가 만든 굿노트5 스티커를 들고 왔습니다. 리본 모양으로 되어있어서 일정을 표시할 때나 노트에 중요한 내용을 상단에 적어 놓을 때 유용하게 사용할 수 있을 것 같습니다. 위 이미지는 미리보기 이미지랍니다. 하단의 png 파일을 다운로드해주세요. 굿노트 이미지에 저장한 후에, 스티커 오려내기를 이용해서 사용하면 됩니다. 간단히 알려드릴게요. 아래 이미지와 같이 [사진] - [이미지 삽입] - [자르기] 를 눌러주면, 스티커를 오려낼 수 있습니다. 음.. 여기서 잠깐, 저 자랑 좀 할게요 :) 굿노트를 사용하는 분들중에 아는분들은 알겠지만.... 저... 낼나다이어리 구매했어요! 위에 코랄색의 예쁜 다이어리 보이시죠? 2020년이 될 때부터 구매할까 말까 고민하다가 3월이 되어서야 질렀..

IT테크 프로그램 어플/굿노트5 Goodnotes5 2020. 3. 13. 11:49

오늘은 굿노트 페이지 삭제 방법을 알아보도록 하겠습니다. 처음 사용하는 분이라면 페이지 삭제 버튼이 없어서 어디 있는지 찾는 경우가 있습니다. 네 바로 제 얘기입니다. 처음에 페이지 삭제 버튼을 찾을 수가 없어서 당황했었죠. 굿노트 페이지 삭제 방법 먼저 페이지에서 아래와 같이 왼쪽 상단의 네 개의 네모가 그려져 있는 아이콘을 클릭합니다. 현재 쓰고 있는 노트의 전체 페이지를 볼 수 있는 아이콘입니다. 그러면 아래와 같이 전체 페이지를 볼 수 있는 팝업이 뜨게 됩니다. 우측 상단을 보면 [선택] 버튼이 보입니다. [선택] 버튼을 눌러줍니다. 페이지들을 이동하고 복사하고 삭제할 수 있는 편집 상태로 변하게 됩니다. 아래와 같이 1) 삭제하고 싶은 페이지를 선택해주고 2) 휴지통을 눌러줍니다. 그리고 아래와..

IT테크 프로그램 어플/굿노트5 Goodnotes5 2020. 3. 12. 08:50

CSS3 기본 선택자 정리 * 전체를 선택해라 - body 태그 내부 요소뿐만 아니라, html 태그를 포함해 head 태그, title 태그, style 태그까지 모두 선택한다. #(만들어준 id속성 이름) body 안에서 지정해준 id를 선택해라 .(만들어준 class속성 이름) body 안에서 지정해준 class를 선택해라 태그이름 이 이름의 태그를 선택해라 - 아무런 기호 없이 태그 이름을 입력하면, 그 자체로 선택자(Selectors)가 된다. 태그이름[속성이름] 이 속성이 있는 태그를 선택해라 태그이름[속성이름=속성값] 이 속성의 이 속성 값을 가진 태그를 선택해라 A B A태그 하위에 위치한 모든 B태그를 선택해라 A > B A태그 바로 하위에 위치한 B태그들만 선택해라. A + B 동일한 ..

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

캘리그라피를 3년 동안 배우고 있는데, 조금씩 캘리그라피를 이용한 스티커를 제작해보려고 합니다. 첫 번째 작품입니다. 글 가장 하단에서 다운로드할 수 있습니다. 이 스티커는 프로크리에이트를 이용한 디지털캘리그라피 랍니다. 조만간 제가 공부도 할 겸 프로크리에이트 강좌도 오픈하려고 합니다. 드로잉도 배우고싶고, 영문 캘리그라피도 배우고 싶고. 배우고 싶은 것만 늘어나는 것 같습니다. 스티커 사용하는 방법은 아래 링크를 참고해주세요. https://happyfridaymorning.co.kr/60 굿노트5 다이어리 꾸미기 스티커 사용방법 안녕하세요. 오늘은 굿노트 스티커 사용방법을 알려드리도록 하겠습니다. 굿노트에서 스티커를 사용하는 방법은 아주 다양합니다. 그중에서도 오늘은 가장 쉽게 사용하는 방법인 [사..

IT테크 프로그램 어플/굿노트5 Goodnotes5 2020. 3. 10. 17:44

안녕하세요. 오늘은 굿노트 스티커 사용방법을 알려드리도록 하겠습니다. 굿노트에서 스티커를 사용하는 방법은 아주 다양합니다. 그중에서도 오늘은 가장 쉽게 사용하는 방법인 [사진앨범]에서 사용하는 방법을 알려드리겠습니다. 아주 간단합니다. 굿노트 스티커 다운로드 아이패드 safari 창을 열어서 무료로 다운로드할 스티커를 찾아줍니다. 그리고 아래 사진과 같이 스티커로 사용할 png 파일을 다운로드합니다. 다운로드를 하고 나면 아래와 같이 화면 오른쪽 상단의 화살표 버튼에서 바로 확인할 수 있습니다. 이렇게 페이지에서 바로 확인할 수도 있고, [파일] 앱 - [다운로드] 에서도 확인할 수 있습니다. 그리고 아래와 같이 파일이 열리면, 오른쪽 상단의 공유 버튼을 눌러서 이미지를 저장해줍니다. 이미지 저장을 해주..

IT테크 프로그램 어플/굿노트5 Goodnotes5 2020. 3. 10. 13:39

안녕하세요. 오늘은 제가 사용하기 위해 만들었던 인디핑크 계열의 스티커를 공유하려고 합니다. 네모 모양의 포스트잇은 불투명도 조절이 되어있어서 뒷면이 비칩니다. 다음에는 캘리그라피를 이용한 스티커를 만들어서 공유하겠습니다. 다양한 스티커를 만들기 위해서 그림 실력을 조금 더 키워야 할 것 같습니다. 아래에서 png파일을 다운로드 하세요. 다운로드 png파일

IT테크 프로그램 어플/굿노트5 Goodnotes5 2020. 3. 9. 13:04

CSS는 Cascading Style Sheets의 약자입니다. 간단하게 말해서 웹 문서를 꾸며주는 부분이라고 생각하면 됩니다. HTML 태그가 웹 문서를 구성하는 기능이라면 CSS는 HTML 웹 문서를 꾸며주는 기능인셈이죠. 오늘은 CSS의 선택자중에 [자손 선택자, 후손 선택자, 동위 선택자]에 대해서 알아보도록 하겠습니다. 선택자(Seletors) 먼저 선택자 라는것에대해 확실히 개념을 알아두어야 합니다. 물론 자연스럽게 알게 되는 개념이지만, 처음 접하는 사람에게는 모든 것이 어렵습니다. '선택자'는 Selectors의 번역입니다. 풀어서 설명하면 입니다. 결국 선택자가 있어야 원하는 부분을 꾸며줄 수 있는 것입니다. 예를 들어 "나는 제목의 글씨를 파란색으로 바꾸고 싶어" 라고 했을 때, CSS..

IT테크 프로그램 어플/HTML & CSS 2020. 3. 9. 09:15

안녕하세요 도란입니다. 제가 만드려고 쓴 굿노트 3월 먼슬리 다이어리 템플릿을 공유합니다. 디자인이나 그림을 그리는 사람이 아니라서, 딱 제가 사용하기 위해 만든 거라서 삐뚤삐뚤합니다. 굿노트 자체에서 만들고 PDF로 내보내기를 했습니다. 그래서 테두리에 선이 조금씩 밖으로 나와있습니다. 하핫 사용 예 다운로드 방법 템플릿은 3월 숫자가 적혀있는 템플릿 1장과, 요일만 적혀 있는 템플릿 1장. 이렇게 총두장입니다. 원하는 파일을 다운로드 한 뒤에, 파일에 들어가서 아래와 같이 [굿노트에서 열기]를 눌러주세요. (아래 그림의 탬플릿은 참고용입니다. 예전 글에서 다운로드할 수 있어요) 다운로드할 템플릿 아래 두장이 제가 오늘 공유할 템플릿입니다. 제가 좋아하는 인디핑크 계열로 만들어서 사용하고 있습니다. 파..

IT테크 프로그램 어플/굿노트5 Goodnotes5 2020. 3. 8. 19:49

안녕하세요 도란입니다. 오늘은 티스토리 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