Slay avatar

[SteemKR] Quick Start Guide - 초보자를 위한 Markdown & HTML Code 가이드! 5가지 유용한 팁들을 소개합니다.

slay

Published: 20 Jun 2017 › Updated: 20 Jun 2017[SteemKR] Quick Start Guide - 초보자를 위한 Markdown & HTML Code 가이드! 5가지 유용한 팁들을 소개합니다.

[SteemKR] Quick Start Guide - 초보자를 위한 Markdown & HTML Code 가이드! 5가지 유용한 팁들을 소개합니다.

원문 : https://steemit.com/steemit/@steemitguide/markdown-and-html-code-guide-for-beginners-that-includes-5-useful-tips-to-edit-posts-and-comments-using-the-raw-editor 


이 포스팅은 포스트와 코멘트를 편집하기 위해서 Raw Markdown Editor를 어떻게 활용해야 하는지 잘 모르거나 새로 가입한 뉴비들을 위해 작성되었습니다.

포스팅을 작성하려고자 할 때, 맨 오른쪽 끝에 2가지 옵션이 있는 걸 볼 수 있는데요. Built-in Editor 나 Raw Editor로 왔다 갔다 할 수 있습니다.

Built-in Editor는 사용하기가 단순하고 쉽습니다! 내용을 작성해서 올리는데 어려움이 있다면 이 글은 여러분을 위한 글입니다. Introduceyourself를 위한 컨텐츠를 작성한다면 많이 알 필요는 없겠지만 어떤 더 질 높은 컨텐츠를 생각중이라면 Markdown & HTML Coding에 익숙해지는 게 좋습니다.

여러분들 중 대다수가 코딩하는 법을 거의 모르는데요. 충분히 이해할 수 있는 일입니다. 하지만 최소한 시도는 해보세요! 그렇게 함으로써 커뮤니티에 의해서 보상을 받을 가능성이 있잖아요! 여러분의 포스트가 흥미로운 컨텐츠가 있고 호소력있는 레이아웃을 가지고 있다면 스팀잇 커뮤니티로부터 더욱 더 많은 업보팅을 받을 수 있겠죠. 여러분의 포스팅이나 코멘트를 포멧하거나 고치는 법을 배우는 건 득이 된다니까요.

Raw Editor는 Markdown 과 HTML Codes를 통해서 여러분이 컨텐츠를 편집하는 걸 도와줍니다. 이 둘은 Mark Up 언어로 불립니다.

Mark Up 언어가 뭔가요?

Mark Up 언어는 문자의 과정, 정의 그리고 외형을 위한 것입니다. 이 언어는 텍스트 파일 안에 있는 레이아웃과 스타일 모두를 포멧하기 위해 code를 구체적으로 명시하는데요. 이 포멧을 명시하기 위해 사용되는 코드가 바로 태그입니다. HTML은 널리 알려져 사용되는 Markup 언어입니다.

Markdown 은 같은 이름으로 어떤 프로그램을 사용해서 HTML과 다른 많은 포멧들로 전환할 수 있도록 디자인된 구문을 포멧하는 단순한 텍스트로써 가벼운 구성언어입니다.

HTML (Hypertext Markup Language) 는 World Wide Web 브라우저에서 나타내기 위해 만들어진 한 파일에 삽입된 markup 기호들이나 코드들의 집합체입니다. 각각의 markup 코드는 하나의 구성요소로 불립니다.(하지만 대부분은 그것을 태그라고 부르죠.)

5가지 초보자를 위한 팁들

1) Bold 나 Italic 문자 만들기

sDfTuL.png



더욱 더 많은 정보는 여기 제 한글포스팅을 확인하세요.

2) 텍스트를 오른쪽이나 왼쪽으로 정렬하는 법

제 가이드에 문제점이나 오류를 발견하시면 자유롭게 지적해주시면 감사하겠습니다. 그리고 여기에 가이드로 소개했으면 하는 게 있다면 그것도 알려주시면 감사하겠습니다. Markdown Codes과 관련된 또 다른 팁들을 조만간 들고 찾아올테니까 더 많은 것을 원하신다면 저를 팔로우하세요!


더욱 더 많은 정보는 여기 제 한글포스팅을 확인하세요.

3) 테이블 삽입하기

sDKlGM.png

Raw Editor Input Code

Benefits|Outcome
-|-|
Graphical Content| Data Visualization|
Visualization of statistics| Word Summary|

더욱 더 많은 정보는 여기 제 한글포스팅을 확인하세요.

4)이모티콘이나 아이콘 삽입하기


sDhQw7.png

IconCode
😉 WinK&#128521
😊 Smile&#128522
😠 Angry&#128544
😜 Tongue&#128540
😧 Surprised&#128551
😱 Scream&#128561
😆 LOL&#128518
😎 Glasses&#128526
😍 Heart Eyes&#128525
😭 Crying&#128557
😞 Sad&#128542
😶 No Words&#128566
😇 Angel&#128519
😈 Devil&#128520
😵 Dizzy&#128565

더욱 더 많은 정보는 여기 제 한글포스팅을 확인하세요.

5) 텍스트를 두 세로단으로 나누기

예시

2 Columns

Long lines of text can be hard to read, so doing multiple columns breaks the lines up to something more optimal. In type-setting there is actually a sweet spot between too short lines (eyes have to constantly jump lines) and too long lines (when jumping a line it's hard to figure out which line is the next one and not accidentally skip a line).
It was shown, by experiment, that optimal amount of text for print material is ~60 characters per column. Higher amount of characters per column interferes with brain's ability to scan through text easily, much like you need to break text into paragraphs for same reason
>An alternative method to Display Content

그냥 밑에 있는 code를 Raw Editor에 복사 붙여넣기 하셔서 본인이 작성하고 싶은 부분만 바꿔서 쓰시면 돼요.

<div class=pull-left>
Write you first Column Text right here followed by closing Markdown Code
</div>
<div class=pull-right>
Now write the Text of your 2nd Column, keep in mind that some Markdown Styling won't Work
</div>

더욱 더 많은 정보는 여기 제 한글포스팅을 확인하세요.

steemitguide47985.png

I will contiune to write more Guides and Tutorials about Steemit, feel free to follow me! Also let me know if there is any particular Topic about Steemit that you want me to write about! This Post is intended to sum up some of previous Guides & Tutorials that I have written, since Steemit is still a new platform many users have yet to join! So this should be the best time to write educational content for so called Newbies. I will get more Technical with Steemit as time passes, because i'm constantly learning more about this special Social Platform. Dedicated to write more educational content so feel free to give me an Upvote or better follow me, much appreciated!

Leave [SteemKR] Quick Start Guide - 초보자를 위한 Markdown & HTML Code 가이드! 5가지 유용한 팁들을 소개합니다. to:

Written by

Everyone should be respected

Read more #steemkr-guide posts

Best Posts From Slay

We have not curated any of slay's posts yet. But you can encourage our curation team to review posts by visiting them regularly and by referring other readers. Because we give priority to frequently read content.

More Posts From Slay