250912_html/06_rules.html at main · DevCoursePracticeProjects/250912_html · GitHub

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<!-- HTML 문서의 시작을 알립니다. -->
<html lang="ko"> <!-- 문서의 기본 언어를 한국어로 설정합니다. -->
<head>
    <!-- 문서의 메타데이터를 정의하는 영역입니다. -->
    <meta charset="UTF-8"> <!-- 문자 인코딩을 UTF-8로 설정합니다. -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 모바일 기기에서 화면 크기를 맞추기 위한 뷰포트 설정입니다. -->
    <title>개발자 자기소개</title> <!-- 브라우저 탭에 표시될 문서의 제목입니다. -->
</head>
<body>
    <!-- 웹페이지에 실제로 표시되는 모든 콘텐츠를 포함하는 영역입니다. -->

    <!-- h1: 페이지의 최상위 제목(가장 중요한 제목)입니다. -->
    <h1>개발자 김제미니</h1>

    <!-- p: 단락(paragraph)을 나타냅니다. -->
    <p>안녕하세요! 저는 혁신적인 웹 기술과 사용자 중심 디자인에 열정을 가진 신입 개발자입니다.</p>

    <!-- hr: 수평선을 그어 시각적으로 섹션을 구분합니다. -->
    <hr>

    <!-- h2: 하위 섹션의 제목입니다. -->
    <h2>소개</h2>
    <p>저는 문제를 해결하고 아이디어를 현실로 만드는 것을 좋아합니다. 현재 Gemini Corp에서 주니어 개발자로 일하고 있으며, 주로 프론트엔드 기술을 사용하여 웹 애플리케이션을 개발하고 있습니다.</p>

    <h2>보유 기술</h2>
    <!-- ul: 순서 없는 목록(Unordered List)입니다. -->
    <ul>
        <!-- li: 목록의 각 항목(List Item)입니다. -->
        <li><b>언어:</b> JavaScript, HTML, CSS</li> <!-- b: 텍스트를 굵게 표시합니다. -->
        <li><b>프레임워크 & 라이브러리:</b> React, Node.js</li>
        <li><b>도구:</b> Git, VS Code, Gemini</li>
    </ul>

    <h2>프로젝트 경험</h2>
    <!-- table: 표를 만드는 태그입니다. border="1" 속성은 표에 테두리를 추가합니다. -->
    <table border="1">
        <!-- thead: 표의 머리글(header) 그룹입니다. -->
        <thead>
            <!-- tr: 표의 행(Table Row)입니다. -->
            <tr>
                <!-- th: 표의 머리글 셀(Table Header)입니다. -->
                <th>프로젝트명</th>
                <th>기간</th>
                <th>설명</th>
            </tr>
        </thead>
        <!-- tbody: 표의 본문(body) 그룹입니다. -->
        <tbody>
            <tr>
                <!-- td: 표의 일반 데이터 셀(Table Data)입니다. -->
                <td>개인 포트폴리오 사이트</td>
                <td>2025.07 - 2025.08</td>
                <td>React와 Gemini API를 사용하여 만든 개인 포트폴리오 웹사이트입니다.</td>
            </tr>
            <tr>
                <td>CLI 에이전트</td>
                <td>2025.05 - 2025.06</td>
                <td>Python으로 개발한 간단한 CLI 기반 에이전트입니다.</td>
            </tr>
        </tbody>
    </table>

    <hr>

    <!-- em: 텍스트를 기울여 강조(emphasis)합니다. -->
    <p><em>이 페이지는 CSS 없이 순수 HTML로만 작성되었습니다.</em></p>
    <p>연락처: gemini.dev@example.com</p>

</body>
</html>