Your Name avatar image

Your Name

Developer, writer, and open source enthusiast. Passionate about web technologies and technical writing.
Total
35M
Today
2
Online
24.2K
  • HOME
  • ABOUT
  • CATEGORIES
    • Resources (1)
        • React (1)
          • Welcome Notiva theme
      • Projects (3)
          • Notiva (3)
            • Notival Tutorial
            • Notiva tutorial function
            • Documentation (1)
              • Notiva tutorial category
        • Test (3)
          • 마크다운 스타일 테스트 문서
          • document (2)
            • 마크다운 스타일 테스트 문서1
            • 마크다운 스타일 테스트 문서2
        • markdown (1)
            • document (1)
              • 마크다운 스타일 테스트 문서3
        • TAGS
          • ARCHIVES
            Notiva
            esc
            Press ESC to close, ↑/↓ to navigate, Enter to select
            1. Home
            2. Posts
            3. 마크다운 스타일 테스트 문서3

            마크다운 스타일 테스트 문서3

            1. 텍스트 서식

            일반 텍스트와 함께 굵은 텍스트, 기울임 텍스트, 굵고 기울임 텍스트, 취소선, 인라인 코드를 사용할 수 있습니다.

            링크도 테스트해봅시다: GitHub

            2. 목록

            순서 없는 목록

            • 첫 번째 항목
            • 두 번째 항목
              • 중첩된 항목
              • 또 다른 중첩된 항목
            • 세 번째 항목

            순서 있는 목록

            1. 첫 번째 항목
            2. 두 번째 항목
              1. 중첩된 항목
              2. 또 다른 중첩된 항목
            3. 세 번째 항목

            작업 목록

            • 완료된 작업
            • 미완료된 작업
            • @mentions, #refs, 링크, 서식, 취소선 지원
            • 이 항목은 미완료 상태

            3. 인용구

            이것은 인용구입니다.

            여러 단락을 가질 수 있습니다.

            중첩된 인용구도 가능합니다.

            4. 코드 블록

            언어 없는 코드 블록

            1
            2
            3
            
            function greeting() {
              console.log("Hello, World!");
            }
            

            언어 지정 코드 블록 (JavaScript)

            1
            2
            3
            4
            5
            6
            7
            8
            9
            10
            11
            12
            13
            14
            15
            16
            17
            18
            19
            20
            21
            22
            23
            24
            25
            26
            27
            28
            
            // 주석
            function calculateSum(a, b) {
              const result = a + b; // 변수 선언
              return result;
            }
            
            // 클래스 예제
            class User {
              constructor(name, age) {
                this.name = name;
                this.age = age;
              }
            
              greet() {
                return `안녕하세요, ${this.name}님!`;
              }
            }
            
            // 비동기 함수
            async function fetchData() {
              try {
                const response = await fetch('https://api.example.com/data');
                const data = await response.json();
                return data;
              } catch (error) {
                console.error('에러 발생:', error);
              }
            }
            

            다른 언어 (Python)

            1
            2
            3
            4
            5
            6
            7
            8
            9
            10
            11
            12
            13
            
            # 파이썬 클래스 예제
            class Person:
                def __init__(self, name, age):
                    self.name = name
                    self.age = age
            
                def greet(self):
                    return f"안녕하세요, {self.name}님!"
            
            # 리스트 컴프리헨션
            numbers = [1, 2, 3, 4, 5]
            squares = [n**2 for n in numbers if n % 2 == 0]
            print(squares)  # [4, 16]
            

            5. 표

            이름역할기술 스택
            홍길동프론트엔드 개발React, TypeScript, Tailwind
            김철수백엔드 개발Node.js, Express, MongoDB
            이영희디자이너Figma, Photoshop

            정렬된 표

            왼쪽 정렬가운데 정렬오른쪽 정렬
            첫 번째 행데이터1234
            두 번째 행더 긴 데이터5678
            세 번째 행짧은 데이터90

            6. 수평선

            아래는 수평선입니다:


            수평선 아래 내용입니다.

            7. 이미지 참조 (실제 이미지는 없음)

            이미지 설명

            8. 정의 목록

            마크다운
            텍스트 기반의 마크업 언어로, 웹에서 쉽게 읽고 쓸 수 있도록 디자인됨
            HTML
            웹 페이지의 구조를 정의하는 마크업 언어
            CSS
            웹 페이지의 디자인과 레이아웃을 지정하는 스타일 시트 언어

            9. 각주

            여기 각주가 있습니다.1

            10. 수학 표현식 (MathJax/KaTeX 지원이 필요함)

            인라인 수식: $E = mc^2$

            블록 수식:

            \[\frac{d}{dx}e^x = e^x\] \[\sum_{i=1}^{n} i = \frac{n(n+1)}{2}\]
            1. 이것은 각주의 내용입니다. ↩︎

            © 2025 Your Name Some rights reserved.
            Powered by Jekyll • Theme Notiva by Songano