first_HTML_HomeWork/homework.html at master · ttltna/first_HTML_HomeWork · 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
72
73
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HomeWork</title>
</head>
<body>
    <nav>
        <button><a href="#introduce">소개</a></button>
        <button><a href="#Ability">요구 능력</a></button>
        <button><a href="#Study_Process">스터디 과정</a></button>
        <button><a href="#Opinion">요청사항</a></button>
        <button><a href="#Homework conditions">과제 조건</a></button>
    </nav>
    <hr class = "one">
    <header>
        <footer id="introduce">
            <p style="line-height: 1.5em; text-align: right;"><b>Mr.Tae-won</b></p>
            <p style="line-height: 1.5em; text-align: right;"><i>Forntend Engineer</i></p>
            <p style="line-height: 1.5em; text-align: right;"><i>Geumcheon. Seoul</i></p>
            <p style="line-height: 1.5em; text-align: right;"><i>Korea</i></p>
            <p style="line-height: 1.5em; text-align: right;"><b><i>Tel:010-1111-2222</i></b></p>
            <p style="line-height: 1.5em; text-align: right;"><b><i>Email: ttltnaaa@gmail.com</i></b></p>
            <p style="line-height: 3em; text-align: right;">1 Dec 2021</p>
            <h1>Tae-won's study Invitation</h1>
        </footer>
    </header>
    <hr class = "one">
    <header>
        <h1>반갑습니다. Tae-won입니다!</h1><br>
        여러분들은 Tae-won 스터디에 초대 되었습니다 &#128518;&#128518;&#128518;
    </header>
    <section id="Ability">
        <h3>취직 시 각 기업에서 요구하는 공통 스펙(신입 기준)</h3>
         <ul>
            <li style = "line-height: 2em;">MarkUp language 및 javascript에 깊은 이해를 가지신 분</li>
            <li style = "line-height: 2em;">React 기반의 SPA개발 경험</li>
            <li style = "line-height: 2em;">원활한 커뮤니케이션</li>
            <li style = "line-height: 2em;">버젼관리 및 TDD, CI/CD에 익숙</li>
            <li style = "line-height: 2em;">TypeScript 스타일의 개발 경험</li>
            <li style = "line-height: 2em;">추가적으로 redux, OOP, Node...</li>
        </ul>
    </section>
    <section id="Study_Process">
        <h3>따라서 이에 맞는 스터디 과정을 만들어 봤습니다.</h3>
        <ol>
            <li style = "line-height: 2em;">자바스크립트 맛보기!</li>
            <li style = "line-height: 2em;">HTML & CSS 핸들링!</li>
            <li style = "line-height: 2em;">자바스크립트 깊게 다루기!</li>
            <li style = "line-height: 2em;">React vanilla javascript로 구현 연습하기!</li>
            <li style = "line-height: 2em;">React를 이용하여 포토폴리오 웹사이트 만들기!</li>
        </ol>
    </section>
    <section id="Opinion">
        <h3>여러분의 의견이 궁금합니다!</h3>
        <p>자유롭게 여러분의 생각을 적어 개인 깃허브에 올려주세요!</p>
    </section>
    <section id="Homework conditions">
        <b>과제 조건을 간단하게 말씀 드리면</b>
        <ol>
            <li style = "line-height: 2em;">Semantic element가 무엇인지 공부하고 사용하려 노력할 것</li>
            <li style = "line-height: 2em;">반드시 List 태그를 사용할 것</li>
            <li style = "line-height: 2em;">레이아웃 구성을 위한 Semantic 분할 태그 사용할 것</li>
            <li style = "line-height: 2em;">앵커 태그를 반드시 사용할 것</li>
            <li style = "line-height: 2em;">다양한 태그들을 사용하기 위해 노력할 것</li>
            <li style = "line-height: 2em;">CSS는 text-align, line-height외에 사용하지 말 것</li>
        </ol>
        과제를 완료하지 못하면 <del>탈락</del> <ins>저랑 잔류해서 스터디를 하셔야 합니다 ^^</ins>
    </section>
</body>
</html>