[SteemKR] Quick Start Guide - 입문자와 전문가 모두를 위한, 게시글 서식 튜토리얼!




이 글은 @minion이 쓴 Professional Tutorial for Post Formatting, both for Beginners and Advanced users.을, SteemKR 한국어 번역 프로젝트를 위해 번역한 글입니다.


오늘은 여러분의 게시글을 멋져 보이도록 꾸미는 방법에 대해 나누려고 합니다.

최근에 나는 Steemit chat에서 동료 스티미안들로부터 나의 게시글이 얼마나 멋지게 보이는지, 이미지와 텍스트를 어떻게 그렇게 한 건지, 클릭할 수 있는 팔로우 버튼은 어떻게 만들었는지, 등등에 관한 메시지를 받았습니다. 그래서 오늘은, 어떻게 그렇게 하는지에 대한 쉬운 가이드를 준비했습니다, 숙련된 사람과 경험이 거의 없는 사람 모두를 위한 가이드를요. 팁과 예제를 빨리 보고 싶다면 "함께 적용하기" 파트로 건너뛰어도 괜찮아요.

이 가이드의 특정 부분이 궁금하다면 CTR+F를 통해 브라우저의 검색 메뉴를 이용하세요.

여러분 대부분은 마크다운을 이용해 게시글을 작성하고 있을 겁니다. 하지만 많은 분들이 HTML 역시 사용 가능하다는 사실을 알지 못합니다. 이 두 가지를 함께 사용한다면 놀라운 결과를 볼 수 있습니다.

이 문장과 위의 문단은 마크다운과 HTML을 결합했으며, 쉽게 사용할 수 있습니다

분해

여러분 대부분은 마크다운을 이용해 게시글을 작성하고 있을 겁니다. 하지만 많은 분들이 HTML 역시 사용 가능하다는 사실을 알지 못합니다. 이 두 가지를 함께 사용한다면 **놀라운 결과**를 볼 수 있습니다.

_이 문장과 위의 문단은 마크다운과 HTML을 결합했으며, 쉽게 사용할 수 있습니다_

얼마나 쉽고 간단한지 맛보기를 했으니 더 많은 옵션에 대해 살펴봅시다.

마크다운

아래는 마크다운에서 사용되는 명령어와 사용 방법입니다. 아래 내용이 전부는 아니지만, 여러분이 사용하지 않을 것들은 제외했습니다.

예시를 먼저 들고 그 다음에 코드를 작성했습니다.

제목

H1

H2

H3

H4

H5
H6


# H1
## H2
### H3
#### H4
##### H5
###### H6


이탤릭 & 볼드체

강조, 즉 이탤릭(기울임)은 별표 혹은 언더바를 이용합니다.

강한 강조, 즉 볼드(굵게)는 별표 두 개 혹은 언더바 두 개를 이용합니다.

혼합 강조는 **별표와 언더바를 혼합해서 사용합니다.

취소선은 두 개의 물결표를 이용합니다. --긁어보세요.--

강조, 즉 이탤릭(기울임)은 *별표* 혹은 _언더바_를 이용합니다.
강한 강조, 즉 볼드(굵게)는 **별표 두 개** 혹은 __언더바 두 개__를 이용합니다.
혼합 강조는 **별표와 __언더바__**를 혼합해서 사용합니다.
취소선은 두 개의 물결표를 이용합니다. --긁어보세요.--


이미지

이미지 주소 링크를 이용합니다
(이미지 우 클릭 > 이미지 주소 복사 혹은 새 탭에서 열기 > 링크 복사)
대부분의 이미지 링크는; .jpg; .png나 .gif를 이용합니다.


이미지 주소 링크 사용하기
https://developer.chrome.com/extensions/examples/api/extension/isAllowedAccess/sample-128.png


링크

저는 구글로 가는 링크에요!

[저는 구글로 가는 링크에요!](https://www.google.com)


리스트, 인용, 구분선

*저는 리스트에요.

  • 빼기 기호인 저도 리스트에요.
  • 더하기 기호인 저도 리스트에요.

* 저는 리스트에요.
- 빼기 기호인 저도 리스트에요.
+ 더하기 기호인 저도 리스트에요.

아무것도 인용하지 않을래요.

> 아무것도 인용하지 않을래요

구분선을 만들 때는 세 개 이상을 사용하세요!


구분선을 만들 때는 세 개 이상을 사용하세요!

---

혹은 ***나 ___를 사용해도 돼요.

예시:

매우간단한
쉽고보기좋아요
123
예시:
매우 | 간단한 | 표
--- | --- | ---
*쉽고* | `보기` | **좋아요**
1 | 2 | 3

유튜브 비디오

다이렉트 링크:

다이렉트 링크:
https://www.youtube.com/watch?v=9bZkp7q19f0


HTML

일부 HTML 기능이 스팀잇에서 동작하지 않기 때문에 게시글의 대부분은 마크다운을 사용하는 게 좋아요. 몇몇 HTML 코드에 대해서만 알아볼게요.


텍스트

볼드체
윗첨자

<b> 볼드체 </b>
<sup> 윗첨자</sup>


함께 적용하기

이제 몇몇 명령어를 알게 되었으니 실전에 사용하기에 앞서, 여기에서 마크다운의 모든 것과, 여기에서 HTML의 모든 것에 대해 볼 수 있어요. 자 이제 즐길 시간이에요. 매일매일 게시글을 올릴 때 기억하기 쉽도록 예를 잘 들어 줄게요.

저, 중간에 있어요!

<center> 저, 중간에 있어요! </center>

가운데 정렬하고 싶은 어떤 것이든 그 앞에 <center>를 붙이고 뒤에 </center>를 붙이세요.
가운데 정렬된 텍스트에도 마크다운 스타일을 적용할 수 있어요(강조, 기울임 등).

이 이미지는 가운데 정렬되었어요

이 이미지를 클릭하면 새 창에서 구글이 나타날 거예요

<center> 이 이미지는 가운데 정렬되었어요 </center>
<center>https://developer.chrome.com/extensions/examples/api/extension/isAllowedAccess/sample-128.png<center>

<center> 이 이미지를 클릭하면 새 창에서 **구글**이 나타날 거예요 </center>
<center><a href="https://www.google.com" target="_new"><img alt="" border="0" src="https://developer.chrome.com/extensions/examples/api/extension/isAllowedAccess/sample-128.png" /></a></center>


이 가이드를 읽어 주셔서 감사합니다 . 이 게시글을 통해 얻은 지식이 당신이 더 나은 게시글을 작성하는 데에 도움이 되면 좋겠어요.










H2
H3
H4
3 columns
2 columns
1 column
24 Comments