yoouyeon.dev

Hello, world

마크다운 구성 요소들을 확인하기 위한 글입니다.

2001년 01월 01일| by유연

Hello, world 👋

블로그의 첫번째 글이 될 글입니다.

블로그를 개발하는 중에 마크다운 구성 요소들을 확인하고 디자인을 입히고자 작성했던 테스트용 글인데요. 제가 이 블로그에서 자주 사용하는 요소들을 남겨두면 좋을 것 같아 글로 발행했습니다.

블로그 드디어 만들었어요!

마크다운 구성 요소들 확인하기

목록

  1. 대한민국은 민주공화국이다.
  2. 대한민국의 주권은 국민에게 있고, 모든 권력은 국민으로부터 나온다.
  • 모든 국민은 인간으로서의 존엄과 가치를 가지며, 행복을 추구할 권리를 가진다. 국가는 개인이 가지는 불가침의 기본적 인권을 확인하고 이를 보장할 의무를 진다.
  • 모든 국민은 법 앞에 평등하다. 누구든지 성별ㆍ종교 또는 사회적 신분에 의하여 정치적ㆍ경제적ㆍ사회적ㆍ문화적 생활의 모든 영역에 있어서 차별을 받지 아니한다.

링크와 이미지

https://yoouyeon.dev

유연 블로그

창가에 앉아 바깥을 보는 고양이 선화

인용문

저 멀리 기다리는 이름 모를 고민들과 언젠가 그리워질 지나간 것들도 안녕 간질간질하게 피어나는 다가오는 이 순간의 하얀 Highlight

출처: Highlight - 터치드

코드

더미 코드 출처 - GPT

inline code 이것은 인라인 코드

1
> 블로그 마크다운 테스트 중...

2
> 스타일 적용 상태 확인 중...

3
> 하이라이트 없음 확인 완료 ✅
1
const sleep = (ms) => new Promise((res) => setTimeout(res, ms));

2


3
(async () => {

4
  console.log("👋 시작합니다...");

5
  await sleep(1000);

6
  console.log("😴 잠깐 쉬고...");

7
  await sleep(1000);

8
  console.log("✅ 끝!");

9
})();
1
interface Todo {

2
  id: number;

3
  task: string;

4
  done: boolean;

5
}

6


7
const todo: Todo = {

8
  id: 1,

9
  task: "코드 테스트 하기",

10
  done: false,

11
};

12


13
console.log(`[${todo.done ? "x" : " "}] ${todo.task}`);
1
<!DOCTYPE html>

2
<html lang="ko">

3
  <head>

4
    <meta charset="UTF-8" />

5
    <title>Hello, MDX</title>

6
  </head>

7
  <body>

8
    <h1>📝 블로그 테스트 중입니다</h1>

9
    <p>코드 하이라이팅이 잘 되면 성공!</p>

10
  </body>

11
</html>
1
body {

2
  background: #f4f1ec;

3
  color: #1b1b1b;

4
  font-family: "Noto Sans KR", sans-serif;

5
}

6


7
h1::after {

8
  content: " ✅";

9
}
1
# 👋 Hello, Markdown!

2


3
> "이건 단지 테스트일 뿐이야."

4


5
`inline code` 도 잘 보이나요?

6


7
**굵은 글씨**와 *기울임*도 확인해보세요.

표

가사번역
この想いを消してしまうにはまだ人生長いでしょ?이 마음을 지워버리기엔 아직 인생은 길잖아?
やり殘してる事やり直してみたいからもう一度行こう!아직 못다 한 일을 다시 해보고 싶으니까 한 번 더 가보자!

출처: Again - YUI