본문 바로가기

IT/misc

[스크랩] 마크다운 - 5.블럭과 테이블 퍼온글입니다. 원본은 여기로 --> https://gist.github.com/ninanung/6691b7d68a4c1b815c0cc85693929ca3 5.블럭과 테이블5-1.블럭블럭은 이 문법 설명서를 쭉 보면서 가장 많이 본 부분이기도 합니다. 제가 코드를 보여드릴 때 회색 상자에 코드를 넣었던 것을 기억하실 겁니다. 만약 그 회색 상자가 아니라 그냥 깃헙 기스트에 작성했다면 알아서 변환되어 보이기 때문에 코드를 그대로 보여줄 수 없었을 겁니다. 이걸 해결하기 위한 문법이 바로 코드블럭입니다. 코드블럭을 만드는 방법은 여러가지가 있는데 가장 쉬운 방법부터 올라가 보도록 하겠습니다.먼저 가장 쉬운 방법은 스페이스바를 4번 누르는 방법입니다. for(i=0; i
[스크랩] 마크다운 - 4.링크와 이미지넣기 퍼온글입니다. 원본은 여기로 --> https://gist.github.com/ninanung/2b81a5db946c26c98c573e3662a92b62 4.링크와 이미지넣기4-1.링크링크는 많이 사용해봐서 아실거라고 생각합니다. 현재 페이지에서 다른 페이지로 보내거나 다른 페이즈를 보여주기 위한 일종의 연결 통로입니다. 보통은 그 페이지의 이름이나 주소를 그대로 링크로 쓰는 경우가 많습니다. 마크다운은 당연히 링크에 대한 문법을 가지고 있습니다. 지금부터 하나씩 알아보겠습니다.우선은 가장 간단한 링크 방법입니다. 단순히URL만으로 링크를 만드는 방식입니다.https://gist.github.com/ninanung 아마 인터넷이아닌 sns라도 이 기능은 있을겁니다. 여기서 약간 문법적으로 조금 더 명시하..
[스크랩] 마크다운 - 3.개행과 문자강조 퍼온글입니다. 원본은 여기로 --> https://gist.github.com/ninanung/22266a9c7afbece6d899e1927248b85b 3.개행과 문자강조3-1.개행원래는 1장에서 설명했어야 하는 부분이라고 생각합니다. 왜냐하면 처음 마크다운을 할 때 도대체 어떻게 줄을 바꾸는 건지 몰라서 엄청 해맸거든요. html은 이나를 사용하지만 마크다운에서도 그렇게 사용하는건 좀 허접합니다. 그냥 워드처럼 enter키도 아닙니다. 그러면 어떻게 할까요? 코드를 보겠습니다.나는 아름다운 나비 날게를 확짝 펴고 세상을 아름답게 날거야 그저 한글이나 텍스트처럼 그냥 줄을 뛴 것 뿐이잖아! 라고 생각할지도 모르겠지만 사실은 아닙니다. 그 줄의 맨 끝에 2번 이상 스페이스바를 눌러주면 개행이 됩니다. 실..
[스크랩] 마크다운 - 2.리스트와 인용구(BlockQuote) 퍼온글입니다. 원본은 여기로 --> https://gist.github.com/ninanung/73addc0263b34da5f021d2f02a356b7f 2.리스트와 인용구(BlockQuote)2-1.리스트리스트는 점점 작은 부분을 설명할 때 사용합니다. 예를 들면1.사람의 몸 1-1.머리 1-1-1.뇌 뇌는 말랑말랑하다. 그러하다 1-2.다리 1-2-1.발가락 씻을 때는 발가락을 잘 씻자와 같은 하위 항목을 만드는 것을 말합니다. 방법은 두 가지가 있습니다숫자가 아닌 방법으로 네모나 동그라미 등으로 표시1.눈 2.코 3.입 - 와 같은 방법으로 숫자를 표시먼저 특수문자를 사용하는 경우를 코드로 보여드리겠습니다* 머리 * 코 * 입 + 머리 + 코 + 입 - 머리 - 코 - 입 와 같이 사용합니다. 각각..
[스크랩] 마크다운 - 1.제목과 호라이즌 퍼온글 입니다. 원본은 여기로 --> https://gist.github.com/ninanung/946cd0e2e09bd5a94964ff8b612a9012 너와 나를 위한 마크다운 문법정리!마크다운 문법, 정말 간단하지만 구글링을 해도 뭔가 좀 애매합니다. 설명이 다르거나 부족하거나 저 같은 초보자가 보고 배우기 애매한 경우가 좀 있었습니다. 그래서 저 스스로의 마크다운 문법 공부를 위한 실습 겸 가이드를 위해 문법정리를 작성해 보고자 합니다. 참고로 이 정리는 깃허브에서 사용하는 것을 전제로 합니다.1.제목과 호라이즌 - html의 h1테그와 hr테그1-1.제목먼저 제목입니다. 제목을 쓰는 방법은 두 가지로 나눌 수 있습니다.제목과 함께 hr, 즉 호라이즌을 명시적으로 같이 쓴다.그냥 크기만 지정한다...
[스크랩] 블로그를 검색엔진에 노출시키자! - 네이버편 블로그를 검색엔진에 노출시키자! (1) 네이버편 블로그를 개설하고 이제 글도 작성해 봤습니다. 더 많은 사람이 내 블로그에 방문하게 하려면 어떻게 해야 할까요? 네, 맞습니다. 검색엔진을 통해 더욱 많은 사람이 방문하게 할 수 있습니다. 네이버 블로그는 가만히 있어도 네이버 검색에 잘 노출이 되는 편입니다. 그러나 티스토리는 네이버에 직접 등록을 하는 과정이 필요합니다.1. 사이트 추가네이버에 등록하기 위해서 먼저 네이버 웹마스터도구에 접속을 합니다. 그리고 [로그인] 버튼을 눌러 네이버 계정으로 로그인합니다.로그인하면 연동할 사이트를 추가하라는 페이지가 나타나는데, 여기서 [사이트 추가+]를 눌러 블로그 등록을 시작합니다.가장 첫 단계는 사이트의 주소를 입력하는 단계입니다. http:// 뒤에 오는 블..
[스크랩]블로그를 검색엔진에 노출시키자! - 구글편 블로그를 검색엔진에 노출시키자! (2) 구글편우리나라의 검색점유율은 단연 네이버가 1위입니다. 그러나 안드로이드 스마트폰이 보급되기 시작하면서 구글이 검색점유율 2위의 다음을 앞질렀습니다. 구글에 대한 유입은 앞으로도 점점 늘어날 것이기 때문에 구글 웹마스터도구에 등록하는 것이 좋습니다. 1. 사이트 추가 및 소유 확인구글에 등록하기 위해서 먼저 구글 웹마스터도구에 접속하시고 본인 소유의 구글 계정으로 로그인을 합니다.그리고 자신의 블로그 주소를 적고, [속성 추가]버튼을 눌러주세요.이제 블로그의 소유확인을 할 차례입니다. 권장 방법으로 HTML 파일 업로드를 하는 방법이 나오지만, 티스토리 블로그에서는 할 수 없는 방법이기 때문에 상단의 [대체 방법] 탭을 눌러 줍니다.소유확인 방법에는 구글 애널리틱스..
[스크랩] 구글 블로그(blogspot.com)에 지도 추가하기 구글 블로그: 블로그에 지도 추가하기 이 블로그에서 소개하고 싶었던 내용이 맛집, 자전거 여행이 있다 보니, 글에 지도가 빠질 수 없다는 사실을 깨닫게 되었습니다. 구글 블로그에 구글지도, 네이버, 다음지도를 넣는 방법을 알아보겠습니다. 미리보기 버전 (클릭후 지도 사이트에서 조정) 과 확대 축소가능한버전 두 가지를 모두 고려해보겠습니다. @Mary Anne Enriquez, Flickr 1) 구글 지도 추가하기 - 네이버 블로그에서 네이버 지도를 추가하는 것은 자체 탬플릿 제공이 되고, 다음 블로그에서 다음지도를 추가하는 것도 자체 탬플릿이 제공되는데, 구글 지도를 추가하는 것도 당연히 탬플릿이 제공될 것이다. 라고 생각했지만 ^^;; 편집창 측면의 위치좌표를 추가한다고 해서 딱히 지도가 추가되지는 않..