안녕하세요:)
벨로그 오늘 첫입문자이자 프론트초보 산말랭이입니다!
올해 1월부터 티스토리로 스터디 내용을 작성해오던 중,
저에게 필요한 개발자관련 정보 서치는 벨로그에서 더 많이 접하게 되더라구요.
두세가지 다 하시는 분들도 계시던데,
전 분산되는게 싫기도하고 관리하기 힘들어질 것 같아 얼른 갈아탔습니다.
플랫폼도 개인적으로 벨로그가 더 맘에 들어요.😆
앞으로는 저만의 공부를 위한 기록장이 되겠지만, 첫 글이라 나름 인사드려봅니다.🙇♀️ 혹시 오다가다 제 글의 부족한 점을 보신다면 댓글로 맘껏 충고해주세요 감사히 받겠습니다!
저의 첫글은 벨로그를 위한 '마크다운 문법' 이 되겠네요.
🔐 마크다운 작성하기
제목(header)
h1 ~ h6 까지 지원, # 의 개수로 표현 가능
# h1는 #이 1개
## h2는 #이 2개
### h3크기 #이 3개
#### h4크기 #이 4개
##### h5 #이 5개
###### h6 #이 6개- 결과
h1는 #이 1개
h2는 #이 2개
h3크기 #이 3개
h4크기 #이 4개
h5 #이 5개
h6 #이 6개
2. 줄 바꿈(enter)
<br> = enter
안녕하세요:)<br>산말랭이입니다-
결과
안녕하세요:)
산말랭이입니다
3. 코드블럭(code block)
tap 1번 or space 4번
코드블럭코드 ``` 위아래 적용4. 선긋기(line)
*이나 - , _ 등을 3개 이상 입력
중간에 띄어쓰기 가능
***
-----
__ __ __ __ __ __ __-
결과
5. 머리말 기호(preface symbol)
숫자 머리말
숫자 + . 사용 (번호 순서가 틀려도 내림차순으로 작성)
1. 치킨
3. 떡볶이
2. 만두- 결과
1. 치킨
2. 떡볶이
3. 만두
기호 머리말
-, *, + 사용 (모두 같은 모양/ 혼합사용 가능)
스페이스바로 2번 들여쓰면 기호가 변경
- 떡볶이 맛집
- 엽기 떡볶이
- 크림 떡볶이
- 만두 맛집- 결과
- 떡볶이 맛집
- 엽기 떡볶이
- 크림 떡볶이
- 엽기 떡볶이
- 만두 맛집
6. 폰트 스타일(font style)
__굵게__
**굵게**
_기울여 쓰기_
*기울여 쓰기*
~취소선~
~~취소선~~
*결과-
결과
굵게
굵게
기울여 쓰기
기울여 쓰기
~취소선~
취소선
7. 폰트 컬러(font color)
<span style="color:gold">gold</span>
<span style="color:#9999FF">#9999FF</span>
<span style="color:rgb(103, 205, 200)">rgb(103, 205, 200)</span>- 결과
gold
#9999FF
rgb(103, 205, 200)
8. 인용문(quotation)
'>'를 사용
> 인용문 작성하기
>> (>)의 갯수에 따라
>>> 중첩문 가능- 결과
인용문 작성하기
(>)의 갯수에 따라
중첩문 가능
9. 이미지(imagine)
이미지 크기는 10MB 이하 가능 (gif 포함)
- 결과
이미지에 하이퍼링크를 걸고 싶은 경우
](이미지 링크)
[](https://cdn.pixabay.com/photo/2016/01/05/17/51/maltese-1123016_960_720.jpg)- 결과
10. 테이블(Table)
기본 테이블
'|'로 표 작성
|제목|내용|설명|
|------|---|---|
|테스트1|테스트2|테스트3|
|테스트1|테스트2|테스트3|
|테스트1|테스트2|테스트3|-
결과
제목 내용 설명 테스트1 테스트2 테스트3 테스트1 테스트2 테스트3 테스트1 테스트2 테스트3
텍스트 정렬
':'로 정렬
|제목|내용|설명|
|:---|---:|:---:|
|왼|오|중|
|왼|오|중|
|왼|오|중|-
결과
제목 내용 설명 왼 오 중 왼 오 중 왼 오 중
셀 확장
'|'사이가 비어있으면 자동확장
|제목|내용|설명|
|:---|:---:|---:|
||중앙에서확장||
|||오른쪽에서 확장|
|왼쪽에서확장||- 결과
| 제목 | 내용 | 설명 |
|---|---|---|
| 중앙에서확장 | ||
| 오른쪽에서 확장 | ||
| 왼쪽에서확장 |
텍스트 스타일 적용
텍스트 스타일을 동일하게 적용 가능
|제목|내용|설명|
|---|---|---|
|테스트1|*강조1*|테스트3|
|테스트1|**강조2**|테스트3|
|테스트1|<span style="color:red">강조3</span>|테스트3|- 결과
| 제목 | 내용 | 설명 |
|---|---|---|
| 테스트1 | 강조1 | 테스트3 |
| 테스트1 | 강조2 | 테스트3 |
| 테스트1 | 강조3 | 테스트3 |
11. 체크박스(Check Box)
-, *, + 뒤에 띄어쓰기 후
대괄호안에 띄어쓰기 : 빈 체크박스
대괄호안에 x를 넣으면 : 체크된 체크박스
- [ ] 자바스크립트 강의 듣기
- [ ] 깃허브 커밋하기
- [x] 벨로그 업로드하기- 결과
- 자바스크립트 강의 듣기
- 깃허브 커밋하기
- 벨로그 업로드하기
스스로 마음을 다잡기 위해 공부한 내용을 기록합니다.
수정되어야 할 점이나 추가되어야 할 점이 있다면 언제든지 코멘트 부탁드립니다!
