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

안녕하세요. 오늘은 굿노트 스티커 사용방법을 알려드리도록 하겠습니다. 굿노트에서 스티커를 사용하는 방법은 아주 다양합니다. 그중에서도 오늘은 가장 쉽게 사용하는 방법인 [사진앨범]에서 사용하는 방법을 알려드리겠습니다. 아주 간단합니다. 굿노트 스티커 다운로드 아이패드 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

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