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

고정 헤더 영역

글 제목

메뉴 레이어

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

메뉴 리스트

  • 홈
  • 태그
  • 분류 전체보기 (761)
    • IT테크 프로그램 어플 (496)
      • 굿노트5 Goodnotes5 (284)
      • 프로크리에이트 Procreate (30)
      • 블로 VLLO (35)
      • 루마퓨전 LumaFusion (9)
      • 파이널컷 Final Cut Pro (17)
      • 프리미어 프로 Premiere Pro (13)
      • 키노트 Keynote (9)
      • 가라지밴드 GarageBand (5)
      • 포토샵 Photoshop (6)
      • Illustrator 일러스트레이터 (10)
      • 인디자인 InDesign (5)
      • TIP (33)
      • IT 제품 (12)
      • App Store 어플리뷰 (3)
      • 유용한 사이트 (16)
      • HTML & CSS (9)
    • 인터넷 웹 페이지 (15)
      • 블로그 기록 (4)
      • 상업용 무료 폰트 (11)
    • 도란도란 라이프 (237)
      • 캘리그라피 (2)
      • 소소한 생활 정보 (144)
      • 유용한 정보 & 정책 (15)
      • 건강 & 다이어트 (3)
      • 주식 이야기 (18)
      • 부동산 이야기 (8)
      • 요리 레시피 (5)
      • 코바늘 (2)
      • 일상 (39)
    • 공연 문화 책 (6)
      • 책 (4)
      • 공연 (2)
    • 연예 Entertain (2)
      • 연예 (2)
    • 해외여행 (4)
      • 태국 (0)
      • 스페인 (2)
      • 영국 (2)

검색 레이어

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

검색 영역

컨텐츠 검색

IT테크 프로그램 어플

  • 굿노트5 다이어리 꾸미기 스티커 사용방법

    2020.03.10 by ˚。

  • 굿노트 스티커 무료 나눔 & 다운로드

    2020.03.09 by ˚。

  • 웹 꾸미기 CSS기초 자손, 후손, 동위 선택자 알아보기 Combinators

    2020.03.09 by ˚。

  • 굿노트 무료 템플릿 2020년 3월 먼슬리 다이어리 공유

    2020.03.08 by ˚。

  • 티스토리 스킨 변경하기 - 메뉴바 크기 변경 (Magazine 스킨)

    2020.03.07 by ˚。

  • 굿노트5 무료 스티커 다운로드 & 사용방법

    2020.03.07 by ˚。

  • HTML5 기본 태그 모음

    2020.03.06 by ˚。

  • HTML5 기본용어 익히기 (코드, 태그, 속성, 요소란 무엇인가?)

    2020.03.05 by ˚。

  • 유튜브 음원 추출 mp3 사이트 바로가기 (4K YouTube to MP3 )

    2020.03.04 by ˚。

  • HTML5가 무엇인가요 ?

    2020.03.04 by ˚。

  • 우리가 HTML을 공부해야하는 이유

    2020.03.03 by ˚。

  • 유튜브 썸네일 만들기 미리캔버스로 설치없이 간편하게 !

    2020.03.02 by ˚。

굿노트5 다이어리 꾸미기 스티커 사용방법

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

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

굿노트 스티커 무료 나눔 & 다운로드

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

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

웹 꾸미기 CSS기초 자손, 후손, 동위 선택자 알아보기 Combinators

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

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

굿노트 무료 템플릿 2020년 3월 먼슬리 다이어리 공유

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

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

티스토리 스킨 변경하기 - 메뉴바 크기 변경 (Magazine 스킨)

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

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

굿노트5 무료 스티커 다운로드 & 사용방법

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

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

HTML5 기본 태그 모음

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

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

HTML5 기본용어 익히기 (코드, 태그, 속성, 요소란 무엇인가?)

오늘은 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 프로그램을 다운로드 해야합니다. 무료로 사용 할 수 있으며, 복사 + 붙여넣기 만으로 간단하게 mp3로 파일을 다운로드 할 수 있습니다. 먼저 아래에 있는 4K YouTube to MP3 사이트에 접속합니다. 4K YouTube to MP3 사이트 바로가기 사이트에 들어가면 바로 다운로드할 수 있습니다. 저는 맥북을 사용하고 있어서 macOS용을 다운로드하였지만..

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

HTML5가 무엇인가요 ?

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

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

우리가 HTML을 공부해야하는 이유

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

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

유튜브 썸네일 만들기 미리캔버스로 설치없이 간편하게 !

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

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

추가 정보

인기글

  1. -
    -
    아이패드 굿노트 세로 <영어 단어장 속지> 5종 무료공유 pdf

    2021.02.04 09:02

  2. -
    -
    [아이패드 굿노트 속지 공유] 스터디 노트 8종 다운로드

    2020.03.26 09:05

  3. -
    -
    굿노트 2023년 월간 가계부 속지 다운로드 하이퍼링크 pdf (2023년 1월부터 12월까지 / Goodnotes CashBook)

    2022.10.31 07:47

  4. -
    -
    보컬 추출 MR 제거 무료 사이트 추천 <랄라 AI>

    2022.01.18 15:04

  5. -
    -
    굿노트 스터디플래너 ver2 속지 4종 / Goodnotes Studyplanner Template

    2022.02.10 07:11

  6. -
    -
    2023년 굿노트 <도란 오리지널 하이퍼링크 다이어리> 속지 공유 / Goodnotes 2023 Diary Free Template

    2022.11.02 13:00

페이징

이전
1 ··· 37 38 39 40 41 42
다음

TISTORY 도란 비즈니스 문의 kiki_rosa@naver.com
도란도란 세상 사는 이야기 :) © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바