๐Ÿ”velog ์‹œ์ž‘ํ•˜๊ธฐ

๊ธฐ์šด์ฐฌ๊ณฐยท2020๋…„ 8์›” 26์ผ
16

1. ๋‚ด ๋ธ”๋กœ๊ทธ ์ธ์ƒ

๋Œ€ํ•™๊ต 3ํ•™๋…„ ์ดˆ๋ฐ˜์„ ๊ธฐ์ ์œผ๋กœ ํ•ด์„œ ๋‚˜์˜ ๋ธ”๋กœ๊ทธ ์ธ์ƒ์ด ์‹œ์ž‘ ๋๋‹ค. ๊ทธ๋•Œ๋Š” ๋„ค์ด๋ฒ„ ๋ธ”๋กœ๊ทธ๋ฅผ ์ผ์—ˆ๋Š”๋ฐ ์‚ฌ์‹ค ํฐ ๋ถˆํŽธํ•จ์€ ์—†์—ˆ๋‹ค. ํ•˜์ง€๋งŒ, ์ ์  ์–‘์ด ๋งŽ์•„์ง€๊ธฐ ์‹œ์ž‘ํ•˜๋”๋‹ˆ ์ด์ œ๋Š” ์–ด๋””์— ๋ญ๊ฐ€ ์žˆ์—ˆ๊ณ  ๋ญ๊ฐ€ ์ค‘์š”ํ•œ ์ž๋ฃŒ์ธ์ง€๋ฅผ ์žŠ์–ด๋ฒ„๋ฆฌ๊ฒŒ ๋˜๋Š” ๋ฌธ์ œ๊ฐ€ ์ƒ๊ฒผ๋‹คใ… ใ… 

3ํ•™๋…„ ์ค‘๋ฐ˜๋ถ€ํ„ฐํ•ด์„œ ์ด๋ฒˆ์—๋Š” ์‚ฌ๋žŒ๋“ค์ด ๊ฐ€์žฅ ๋งŽ์ด ์“ฐ๋Š”๊ฑฐ ๊ฐ™์€ ํ‹ฐ์Šคํ† ๋ฆฌ๋กœ ์˜ฎ๊ธฐ๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค. ํ‹ฐ์Šคํ† ๋ฆฌ์˜ ์žฅ์ ์€ ์—ญ์‹œ CSS๋ฅผ ์ปค์Šคํ„ฐ๋งˆ์ด์ง• ํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ์ ์ด ๊ฐ€์žฅ ํฐ ๊ฑฐ ๊ฐ™๋‹ค. ๋˜ํ•œ ์ด์œ ํ…œํ”Œ๋ฆฟ๋„ ๋งŽ์ด ์žˆ์–ด์„œ ๋„ค์ด๋ฒ„ ๋ธ”๋กœ๊ทธ๋ณด๋‹ค ๊ดœ์ฐฎ๊ฒŒ ๋Š๊ปด์กŒ๋‹ค. ๐Ÿ‘๐Ÿ‘

ํ•˜์ง€๋งŒ ์ด ์—ญ์‹œ ์นดํ…Œ๊ณ ๋ฆฌ์™€ ๊ฒŒ์‹œ๊ธ€ ์ˆ˜์˜ ์ฆ๊ฐ€, ์ง€์šฐ๊ณ ๋Š” ์‹ถ์ง€๋งŒ ์ง€์šฐ๋ฉด ๋ญ”๊ฐ€ ๋‹ค์‹œ ์ƒ๊ฐ๋‚  ๊ฑฐ ๊ฐ™์€ ๊ฒŒ์‹œ๊ธ€์ด ์—ฌ๋Ÿฟ ์ƒ๊ฒจ๋‚˜๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค. ๋˜ํ•œ ๋‚ด ๋ธ”๋กœ๊ทธ๋Š” ์ค‘๊ฐ„์ค‘๊ฐ„ ์Šคํฌ๋žฉํ•ด์˜จ๊ฒŒ ๋งŽ๊ธฐ ๋•Œ๋ฌธ์— ์ €์ž‘๊ถŒ ๋•Œ๋ฌธ์— ๊ณจ์น˜์•„ํ”„๊ธฐ ์‹ซ์–ด์„œ ๋Œ€๋ถ€๋ถ„ ๋น„๊ณต๊ฐœ์ธ ์ƒํƒœ์˜€๋‹ค. ์ด๋ ‡๋‹ค ๋ณด๋‹ˆ ๋ง‰์ƒ ๋‚ด๊ฐ€ ํ•œ๊ฑด ๋งŽ์€๋ฐ ์ทจ์—…ํ•  ๋•Œ ์ธ์‚ฌ๋‹ด๋‹น์ž์—๊ฒŒ ์–ดํ•„ํ•  ์ˆ˜ ์—†๋Š” ๋ฌธ์ œ์ ์ด ๋ฐœ์ƒํ–ˆ๋‹ค.

์š”์ฆ˜์—๋Š” velog๋ผ๋˜๊ฐ€, medium, brunch, git blog๊ฐ€ ๋Œ€์„ธ์ธ๊ฑฐ ๊ฐ™์•„๋ณด์ธ๋‹ค. ๋ณดํ†ต ์ตœ์‹  ๊ฐœ๋ฐœ์ž๋ถ„๋“ค์€ ๋‹ค ์ด๊ฒƒ์„ ์“ฐ์‹œ๋Š” ๋“ฏ..!! ์ €๋„ ์Šฌ์Šฌ ๋ธ”๋กœ๊ทธ ๋‚ด์šฉ ์ข€ ์ •๋ฆฌํ•˜๊ณ  ์‹ถ๊ณ  ๊ณต๊ฐœ๋„ ํ•˜๊ณ  ์‹ถ์–ด์„œ velog๋ฅผ ์‹œ์ž‘ํ•˜๋ ค๊ณ  ํ•œ๋‹ค. (๊ธฐ๋ก ๋•ํ›„ ๊ธฐ์งˆ์ด ์žˆ๋Š”๋“ฏใ…‹ใ…‹)



2. ๋งˆํฌ๋‹ค์šด ๋ฌธ๋ฒ•

2-1. ๋งˆํฌ๋‹ค์šด์ด๋ž€?

๋งˆํฌ๋‹ค์šด(markdown)์€ ์ผ๋ฐ˜ ํ…์ŠคํŠธ ๊ธฐ๋ฐ˜์˜ ๊ฒฝ๋Ÿ‰ ๋งˆํฌ์—… ์–ธ์–ด๋‹ค. ์ผ๋ฐ˜ ํ…์ŠคํŠธ๋กœ ์„œ์‹์ด ์žˆ๋Š” ๋ฌธ์„œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋˜๋ฉฐ, ์ผ๋ฐ˜ ๋งˆํฌ์—… ์–ธ์–ด์— ๋น„ํ•ด ๋ฌธ๋ฒ•์ด ์‰ฝ๊ณ  ๊ฐ„๋‹จํ•œ ๊ฒƒ์ด ํŠน์ง•์ด๋‹ค. HTML๊ณผ ๋ฆฌ์น˜ ํ…์ŠคํŠธ(RTF) ๋“ฑ ์„œ์‹ ๋ฌธ์„œ๋กœ ์‰ฝ๊ฒŒ ๋ณ€ํ™˜๋˜๊ธฐ ๋•Œ๋ฌธ์— ์‘์šฉ ์†Œํ”„ํŠธ์›จ์–ด์™€ ํ•จ๊ป˜ ๋ฐฐํฌ๋˜๋Š” README ํŒŒ์ผ์ด๋‚˜ ์˜จ๋ผ์ธ ๊ฒŒ์‹œ๋ฌผ ๋“ฑ์— ๋งŽ์ด ์‚ฌ์šฉ๋œ๋‹ค.

์ถœ์ฒ˜ : https://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4

๊ฐœ๋ฐœ์ž๋ผ๋ฉด ๊นƒํ—ˆ๋ธŒ README ํŒŒ์ผ ์ž‘์„ฑ์‹œ ๊ฐ€์žฅ ๋งŽ์ด ์ด์šฉํ•˜๊ฒŒ ๋  ๊ฒƒ์ด๋‹ค. velog ๋˜ํ•œ ๋งˆํฌ๋‹ค์šด ๋ฌธ๋ฒ•์œผ๋กœ ์ž‘์„ฑ๋˜๊ธฐ ๋•Œ๋ฌธ์— ์—ฌ๋Ÿฌ๋ญ๋กœ ์™ธ์šฐ๋‘๋ฉด ์œ ์šฉํ•˜๊ฒŒ ์“ฐ์ธ๋‹ค. (์ € ๊ฐ™์€ ๊ฒฝ์šฐ๋Š” ์ž˜ ์•ˆ์จ๋ด์„œ ์ง€๊ธˆ ์ธ์šฉ๋ฌธ์ด๋‚˜ ์ด๋ฏธ์ง€, ๊ฐ•์กฐ ํ‘œ์‹œ ๋‹ค ์ฐพ์•„์„œ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค..ใ…œใ…œ)

2-2. ๋งˆํฌ๋‹ค์šด ์ž‘์„ฑ๋ฒ•

1. ์ œ๋ชฉ

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

๋˜ํ•œ, ํฐ ์ œ๋ชฉ๊ณผ ์ค‘๊ฐ„ ์ œ๋ชฉ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๋ฌธ๋ฒ•๋„ ์‚ฌ์šฉ๊ฐ€๋Šฅํ•˜๋‹ค.

ํฐ ์ œ๋ชฉ
====================

์ค‘๊ฐ„ ์ œ๋ชฉ
---------------------

2. ์ธ์šฉ๋ฌธ

>ใ…‡ใ…‡
>>ใ…‡ใ…‡ใ…‡
>>> ใ…‡ใ…‡ใ…‡

ใ…‡ใ…‡

ใ…‡ใ…‡ใ…‡

ใ…‡ใ…‡ใ…‡


3. ๊ฐ•์กฐ

**bold**
__bold__
_italic_
*italic*
~~cancle~~

bold
bold
italic
italic
cancle


4. ์ˆœ์„œ์žˆ๋Š” ๋ชฉ๋ก(๋ฒˆํ˜ธ)

1. ์ฒซ๋ฒˆ์งธ
2. ๋‘๋ฒˆ์งธ
3. ์„ธ๋ฒˆ์งธ
  1. ์ฒซ๋ฒˆ์งธ
  2. ๋‘๋ฒˆ์งธ
  3. ์„ธ๋ฒˆ์งธ

5. ์ˆœ์„œ์—†๋Š” ๋ชฉ๋ก

* ์ฒซ๋ฒˆ์งธ
* ๋‘๋ฒˆ์งธ
* ์„ธ๋ฒˆ์งธ
  • ์ฒซ๋ฒˆ์งธ
  • ๋‘๋ฒˆ์งธ
  • ์„ธ๋ฒˆ์งธ
* ์ฒซ๋ฒˆ์งธ
  * ๋‘๋ฒˆ์งธ
  * ์„ธ๋ฒˆ์งธ
    * ๋„ค๋ฒˆ์งธ
  • ์ฒซ๋ฒˆ์งธ
    • ๋‘๋ฒˆ์งธ
    • ์„ธ๋ฒˆ์งธ
      • ๋„ค๋ฒˆ์งธ

6. ์ˆ˜ํ‰์„ 

* * *
***
******
- - -
------------------------





๋ชจ๋‘ ๋™์ผํ•œ ์ˆ˜ํ‰์„ ์ž„์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค. ์•„๋ฌด๊ฑฐ๋‚˜ ๊ณจ๋ผ์“ฐ๋ฉด ๋˜๊ฒ ๋‹ค.


7. ๋งํฌ

[Google](https://google.com, "๊ตฌ๊ธ€ ๋งํฌ")
๋‘๋ฒˆ์งธ ์˜ต์…˜์€ ์ƒ๋žต๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค

Google


8. ์ด๋ฏธ์ง€

![](https://images.velog.io/images/ckstn0777/post/3b367082-76ff-433b-92b2-
2043effc03a2/image.png)

Alt text ์—ญ์‹œ ์ƒ๋žต ๊ฐ€๋Šฅํ•˜๋‹ค.

์ด๋ฏธ์ง€ ํฌ๊ธฐ ์กฐ์ ˆ์€ ์–ด๋–ป๊ฒŒ ํ•˜๋Š”๊ฑด์ง€ ์ž˜ ๋ชจ๋ฅด๊ฒ ๋‹คใ…œใ…œ

<img src="https://images.velog.io/images/ckstn0777/post/3b367082-76ff-433b-
92b2-2043effc03a2/image.png" width="300" height="300">

์ง์ ‘ ์ด๋ฏธ์ง€ ํƒœ๊ทธ๋ฅผ ์ถ”๊ฐ€ํ•˜๋‹ˆ๊นŒ ๊ฐ€๋Šฅํ•œ๋“ฏ.. ๋„์–ด์“ฐ๊ธฐ๋„ <br> ์ž˜ ๋ชฐ๋ผ์„œ ์ด๊ฑฐ๋กœ ํ•˜๊ณ  ์žˆ๋Š”๋ฐ...


9. ์ฝ”๋“œ

์•„๋ž˜์™€ ๊ฐ™์ด ๋ฐฑํ‹ฑ 3๊ฐœ ๋’ค์— ์–ธ์–ด ์ด๋ฆ„์„ ๋„ฃ์–ด์ฃผ์„ธ์š”.

```javascript
let sumNumbers = (firstNum, lastNum) => {
  return firstNum + lastNum;
};
sumNumbers(100, 200);
```ใ€€

```python
num_list = ['one', 'two', 'three']
for num in num_list:
  print(num)
```ใ€€

๊ฒฐ๊ณผ

let sumNumbers = (firstNum, lastNum) => {
  return firstNum + lastNum;
};
sumNumbers(100, 200);
num_list = ['one', 'two', 'three']
for num in num_list:
  print(num)

์šฐ์™€ ์‹ ๊ธฐํ•˜๋‹ค...!!


10. ๊ทธ ์™ธ

ํ…Œ์ด๋ธ”, ์ฒดํฌ๋ฐ•์Šค, ๊ธ€์ž ์ƒ‰์ƒ์€ ์•„๋ž˜ ์ฐธ๊ณ  ์‚ฌ์ดํŠธ๋ฅผ ์ฐธ๊ณ ํ•˜๊ธฐ ๋ฐ”๋žŒ

์ด๋ชจ์ง€๋Š” ์œˆ๋„์šฐ10์—์„œ ๋‹จ์ถ•ํ‚ค: ์œˆ๋„์šฐ ํ‚ค + ๋งˆ์นจํ‘œ(.)๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์‰ฝ๊ฒŒ ์“ธ ์ˆ˜ ์žˆ๋‹ค.๐Ÿ˜


๋งˆ์นจ

์ฒ˜์Œ ์‹œ์ž‘ํ•˜๊ธฐ๋Š” ์—ญ์‹œ ๋ชจ๋“ ๊ฒŒ ๋‹ค ์‰ฝ์ง€ ์•Š์€๊ฑฐ ๊ฐ™๋‹ค. ํ•˜์ง€๋งŒ, ๋ง‰์ƒ ํ•˜๋‹ค๋ณด๋ฉด ๋‚ด๊ฐ€ ์ด๊ฑธ ์—ฌํƒœ๊นŒ์ง€ ์™œ ์•ˆํ–ˆ์„๊นŒ ํ›„ํšŒํ•˜๊ธฐ๋„ ํ•œ๋‹ค.

๋‚ด ๊ฐœ๋ฐœ ์ฒ ํ•™ ์ค‘ ํ•˜๋‚˜๋Š” ์ƒˆ๋กœ์šด๊ฒŒ ๋‚˜์˜ค๋ฉด ์ผ๋‹จ ์จ๋ณด์ž ์ด๋‹ค. ๊ทธ๋Ÿฌ๊ณ  ๋‚˜์„œ ๊ฒฐ์ •ํ•˜๋Š”๊ฒŒ ์ข‹๋‹ค. ๋ฌด์กฐ๊ฑด ์ƒˆ๋กœ์šด ๊ธฐ์ˆ ์„ ๋ฉ€๋ฆฌํ•˜๋ฉด ๋ฐ˜๋“œ์‹œ ํ›„ํšŒํ•  ์ผ์ด ์ƒ๊ธฐ๊ธฐ ๋•Œ๋ฌธ์—... (ํ•„์ž์˜ ๊ฒฝํ—˜๋‹ด์ด๋‹คใ…‹ใ…‹)

velog ๋˜ํ•œ ์ข‹์€ ๋ธ”๋กœ๊ทธ๊ฐ€ ๋˜๊ธธ ๋ฐ”๋ผ๋ฉด์„œ ์ด๋งŒ ๋งˆ์นœ๋‹ค. 1์ผ 1ํฌ์ŠคํŒ… ์•„์ž์•„์ž!

์ฐธ๊ณ  ์‚ฌ์ดํŠธ

๋งˆํฌ๋‹ค์šด ์‚ฌ์šฉ๋ฒ• ์ฐธ๊ณ : https://gist.github.com/ihoneymon/652be052a0727ad59601
๋งˆํฌ๋‹ค์šด ์‚ฌ์šฉ๋ฒ•(์ƒ์„ธํ•จ): https://velog.io/@yuuuye/velog-%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4MarkDown-%EC%9E%91%EC%84%B1%EB%B2%95

profile
๋ฐฐ์›€์„ ์ข‹์•„ํ•ฉ๋‹ˆ๋‹ค. ์ƒˆ๋กœ์šด ๊ฒƒ์„ ์ข‹์•„ํ•ฉ๋‹ˆ๋‹ค.

6๊ฐœ์˜ ๋Œ“๊ธ€

comment-user-thumbnail
2021๋…„ 1์›” 18์ผ

์ž˜ ์ •๋ฆฌ๋œ ๊ธ€ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ
comment-user-thumbnail
2021๋…„ 2์›” 12์ผ

์ž˜ ์ฝ์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ
comment-user-thumbnail
2021๋…„ 12์›” 11์ผ

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ
comment-user-thumbnail
2022๋…„ 1์›” 29์ผ

์˜ค๋Š˜ ์ฒ˜์Œ ์‹œ์ž‘ํ–ˆ๋Š”๋ฐ ๋งŽ์€ ๋„์›€ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ
comment-user-thumbnail
2023๋…„ 11์›” 18์ผ

์ด๋ฏธ์ง€ ํฌ๊ธฐ ์กฐ์ ˆ์€ ์ด๋ฏธ์ง€ ํƒœ๊ทธ ์•ˆ์— style="width:1000px" ์™€ ๊ฐ™์ด ์“ฐ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค

ex)

<img src="https://images.velog.io/images/ckstn0777/post/3b367082-76ff-433b-
92b2-2043effc03a2/image.png" style="width:1000px">
๋‹ต๊ธ€ ๋‹ฌ๊ธฐ
comment-user-thumbnail
2024๋…„ 1์›” 15์ผ

์ข‹์€ ๊ธ€ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ