Skip to content

Latest commit

 

History

History
375 lines (290 loc) · 11.2 KB

readme-palette.md

File metadata and controls

375 lines (290 loc) · 11.2 KB

리드미 팔레트 🎨

팔레트를 열어 물감찍듯 복붙해서 사용하세요!

어떻게 꾸며야 할지 막막하다면 여기를 참고해보는 것도 좋아요!

샾의 개수만큼 점점 작아져요

샾 입력 후 띄어쓰기, 잊지마세요!
샾 6개까지만 적용돼요
🎨 샾 팔레트 열기/접기
# 마크다운 팔레트 🎨
## 팔레트를 열어 물감찍듯 복붙해서 사용하세요!
### 어떻게 꾸며야 할지 막막하다면 [여기](https://dillinger.io)를 참고해보는 것도 좋아요!
#### 샾의 개수만큼 점점 작아져요
##### 샾 입력 후 띄어쓰기, 잊지마세요!
###### 샾 6개까지만 적용돼요



샾 하나 대신 이렇게 써도 돼요! 해당 기호를 두 개 이상만 쓰면 돼요

텍스트 바로 아랫줄에 기호를 넣어주세요! 밑줄처럼요~ (팔레트 참조)

🎨 헤딩 팔레트 열기/접기
샾 하나 대신 이렇게 써도 돼요! 해당 기호를 두 개 이상만 쓰면 돼요
==

텍스트 바로 아랫줄에 기호를 넣어주세요! 밑줄처럼요~ 
-----------------------------



특정 키워드를 강조하고 싶다면 이렇게! (기울임)

특정 키워드를 강조하고 싶다면 이렇게! (진하게)

별 대신 밑줄을 써서 이렇게!(진하게)

특정 키워드를 강조하고 싶다면 이렇게! (기울임+진하게)

참고: 글자 색 변경밑줄 기능지원하지 않아요 ㅠㅠ

글자에 색을 입하는 방법이 아예 없진 않아요! 코드블럭 으로 만들면 돼요 아래에 그 방법이 나와있어요

취소선이 필요하다면 앞뒤로 물결 두 개, 꼭 앞뒤로 전부 기호를 붙여야 해요

조금 더 특별한 걸 원한다면 이렇게!

따옴표랑 헷갈리는 이 친구 이름은 백쿼트 라고 해요

윈도우는 키보드 물결표로, 맥은 option + 물결표 로 입력할 수 있어요

🎨 강조 팔레트 열기/접기
## 특정 *키워드*를 강조하고 싶다면 이렇게! (기울임)
	
특정 **키워드**를 강조하고 싶다면 이렇게! (진하게)  
	
별 대신 밑줄을 써서 __이렇게__!(진하게)
	
특정 ***키워드***를 강조하고 싶다면 이렇게! (기울임+진하게)  
	
**참고:** **_글자 색 변경_** 과 *밑줄* __기능__ 은 __*지원하지 않아요*__ _ㅠㅠ_

글자에 색을 입하는 방법이 아예 없진 않아요! ***코드블럭*** 으로 만들면 돼요 아래에 그 방법이 나와있어요

~~취소선~~이 필요하다면 앞뒤로 물결 두 개, 꼭 **앞뒤로** 전부 기호를 붙여야 해요

조금 더 특별한 걸 원한다면 `이렇게`!

`따옴표랑 헷갈리는 이 친구 이름은 백쿼트 라고 해요`

윈도우는 키보드 `물결표`로, 맥은 `option` + `물결표` 로 입력할 수 있어요



문장의 끝에

띄어쓰기를 두 번 하면
줄바꿈을 할 수 있어요

엔터를 이용해 새 단락에서 시작할 수 있어요

<br/> 태그를 활용하면

내 마음대로 여러 번 줄바꿈을


할 수 있어요

🎨 줄바꿈 팔레트 열기/접기
## 문장의 끝에
띄어쓰기를 두 번 하면  
줄바꿈을 할 수 있어요

엔터를 이용해 새 단락에서 시작할 수 있어요

`<br/>`태그를 활용하면
<br/><br/>
내 마음대로 여러 번 줄바꿈을
<br/><br/><br/>
할 수 있어요



오른쪽 부등호를 통해 인용문도 쓸 수 있어요

인용문 안에서도 마크다운 을 적용할 수 있어요

삼중 인용

사중도 가능해요

5... 6... 그 이상은 잘 안쓰긴 해요

🎨 인용문 팔레트 열기/접기
> ## 오른쪽 호를 통해 인용문도 쓸 수 있어요
> > `인용문` 안에서도 __마크다운__ 을 적용할 수 있어요
> > > 삼중 인용
> > > > 사중도 가능해요
> > > > > 5... 6... 그 이상은 잘 안쓰긴 해요



목록 나열도 어렵지 않아요!

  1. 목록 나열도 ok
  2. 1. 로 줄을 시작하고 엔터를 누르면
  3. 다음 줄에 자동으로 숫자가 매겨져요
  • 세 가지 표현 방법이 있어요
  • 취향에 따라 어느 것을 써도 ok
    • 들여쓰면 이렇게 돼요
🎨 목록 팔레트 열기/접기
1. 목록 나열도 ok
2. `1. `로 줄을 시작하면
3. 다음 줄에 자동으로 숫자가 매겨져요!

* 숫자 말고 [bullet](https://ko.wikipedia.org/wiki/%EB%B6%88%EB%A6%BF) 도 ok
- 세 가지 표현 방법이 있어요
+ 취향에 따라 어느 것을 써도 ok
	* 들여쓰면 이렇게 돼요



물론 표도 만들 수 있어요
(왼쪽정렬) (가운데정렬) (오른쪽정렬)
정렬은 콜론 위치(팔레트 두 번째 줄)로 정해요 세로칸은 최소 2개가 필요해요 가로칸도 (맨 윗줄 포함) 최소 2개
수직선을 끝에 붙여 칸을 추가할 수 있어요 힌트: 이 표의 끝 칸을 지워 세로 두 줄 짜리로 만들어보세요
모든 가로칸 수 같게(세로도요~) 칸 수가 다르면 표가 깨져요 칸을 비워놓을 수 있어요↑
이 줄도 지워서 가로칸도 없애보세요 참 쉽죠?
샘플 입니다
🎨 표 팔레트 열기/접기
|물론 표도|만들 수|있어요|
|:---|:---:|---:|
|(왼쪽정렬)|(가운데정렬)|(오른쪽정렬)|
|정렬은 [콜론](https://ko.wikipedia.org/wiki/%EC%8C%8D%EC%A0%90) 위치로(두 번째 줄) 정해요|세로칸은 최소 2개가 필요해요|가로칸도 (맨 윗줄 포함) 최소 2개|
|[수직선](https://ko.wikipedia.org/wiki/%EC%88%98%EC%A7%81%EC%84%A0_(%EA%B8%B0%ED%98%B8)을 끝에 붙여 칸을 추가할 수 있어요|힌트: 이 표의 끝 칸을 지워 세로 두 줄 짜리로 만들어보세요||
|모든 가로칸 수 같게(세로도요~)|칸 수가 다르면 표가 깨져요|칸을 비워놓을 수 있어요↑|
|이 줄도 지워서|가로칸도 없애보세요|참 쉽죠?|

|표|샘플|입니다|
|:---|:---:|---:|
||||
||||
||||



클릭하면 이동!

링크도 대괄호 소괄호를 이용하면 깔끔하게 올릴 수 있어요
[대괄호]와 (소괄호)가 떨어져있으면 안돼요
대괄호에 이모지 (😎 🎨) 를 넣고 링크를 만들어도 ok

🎨 링크 팔레트 열기/접기
## [클릭](https://github.com/INU-Fake-Developers/INU-Fake-Developers)하면 이동!  
링크도 대괄호롸 소괄호를 이용하면 깔끔하게 올릴 수 있어요  
[대괄호]와 (소괄호)가 떨어져있으면 안돼요  
대괄호에 이모지 [😎](https://github.com/INU-Fake-Developers/INU-Fake-Developers)
[🎨](https://github.com/INU-Fake-Developers/INU-Fake-Developers/blob/main/markdown-palette.md))
 를 넣고 링크를 만들어도 ok



자세히/간단히 보기도 어렵지 않아요

자세히 / 간단히

복사 후 붙여넣고 summary 태그 사이와 여기만 바꾸면 끝!
내용을 지우다 꺾쇠괄호까지 지우지 않도록 조심하세요

🎨 collapsible 팔레트 열기/접기
<details>
<summary>자세히 / 간단히</summary>
<div markdown="1">

복사 후 붙여넣고 summary 태그 사이와 여기만 바꾸면 끝!  
내용을 지우다 꺾쇠괄호까지 지우지 않도록 조심하세요
</div>
</details>



Back quote 세 개 사이에 코드블럭을 만들 수 있어요

역따옴표(=백쿼트, grave accent) 대신 물결표 세 개를 써도 돼요
# 물결 뒤에 언어 이름을 붙이면
print("Hello world!")	# 파이썬
// 해당 언어의 문법에 맞게 글자의 색이 바뀌어요
#include <stdio.h>	// C언어

int main(){
	printf("Hello world!");
	return 0;
}
🎨 코드블럭 팔레트 열기/접기
## [Back quote](https://ko.wikipedia.org/wiki/%EC%96%B5%EC%9D%8C_%EB%B6%80%ED%98%B8) 세 개 사이에 코드블럭을 만들 수 있어요

~~~
역따옴표(=백쿼트, grave accent) 대신 물결표 세 개를 써도 돼요
~~~

~~~python
# 물결 뒤에 언어 이름을 붙이면
print("Hello world!")	# 파이썬
~~~

~~~c
// 해당 언어의 문법에 맞게 글자의 색이 바뀌어요
#include <stdio.h>	// C언어

int main(){
	printf("Hello world!");
	return 0;
}
~~~



위첨자 & 아래첨자도 쓸 수 있어요

위첨자는 sup 태그 아래첨자는 sub태그 1 2 3 4 5 6

마크다운 안에 넣어 쓸 수 있어요

🎨 위첨자 & 아래첨자 팔레트 열기/접기
## 위첨자 & 아래첨자도 쓸 수 있어요

<sup>위첨자는 sup 태그</sup> <sub>아래첨자는 sub 태그</sub> 
<sup>1</sup> 2 <sub>3</sub> <sup>4</sup> 5 <sub>6</sub>
### 마크다운 안에 넣어 쓸 수 있어요 *<sub>무</sub> 야 <sup>호</sup>*



체크박스도 쓸 수 있어요

  • 체크박스를 클릭해볼까요? 리드미에선 안되네요😅 이슈에서는 클릭도 돼요!
  • 전 이슈에 할 일을 올릴 때 많이 써요
  • 이슈에도 마크다운을 적용할 수 있어요!
🎨 task list 팔레트 열기/접기
## 체크박스도 쓸 수 있어요
- [ ] ~~체크박스를 클릭해볼까요?~~ 리드미에선 안되네요😅 이슈에서는 클릭도 돼요!
- [x] 전 이슈에 할 일을 올릴 때 많이 써요
- [ ] 이슈에도 마크다운을 적용할 수 있어요!



실드는 어떤가요?

https://shields.io 에서 실드를 만들 수 있어요

🎨 실드 팔레트 열기/접기
## 실드는 어떤가요?
https://shields.io 에서 실드를 만들 수 있어요