index.html 2.53 KB
<!DOCTYPE html>
<html lang="ko">
<style>
    body {
        padding : 5%;
    }

    table {
        border-collapse: collapse;
        width: 90%;

    }

    th {
        padding: 4px 20px 4px 20px;
        background-color: lightblue;
    }

    td {
        padding: 4px 20px 4px 20px;
        text-align: center;
    }

    td:hover {
        background-color: #f2f2f2;
    }


</style>
<head>
    <meta charset="UTF-8">
    <title>성준영 소개페이지</title>
</head>
<body>

<img id="introduce-image" src="profileImage.png"/>
<div id="introduce-intro">
    <h1>성준영 소개페이지</h1>
    <span id="introduce-description"> 경희대학교 컴퓨터 공학과를 재학중인 평범한 개발자입니다.
        주로 백엔드 개발에 관심이 있다고는 하지만 사실은 프론트엔드도 많이 궁금합니다.</span>
</div>

<div id="introduce-content">
    <h2>이름</h2>
    <ul>
        <li>
            성준영
        </li>
    </ul>
    <h2>경력</h2>
    <ol>
        <li>경희대학교 컴퓨터공학과 - 2012.3 ~ NOW</li>
        <li>노마드스타 서버개발 인턴 - 2016.8 ~ 2017.3</li>
    </ol>
    <h2>발표</h2>
    <ol>
        <li>경희대학교 주최 소프트콘 - <a href="http://www.slideshare.net/SungJunyoung/ss-69345868">서버의 ㅅ 자도 몰랏던 스타트업 인턴의 아마존 웹 서비스
            서버 이전기</a></li>
        <li>네이버 D2 Campus Seminar- <a href="https://www.slideshare.net/deview/ss-72527503">텀 프로젝트에서 제품 프로젝트로</a></li>
    </ol>
    <h2>경험</h2>
    <table border="1px">
        <tr>
            <th><b>구분</b></th>
            <th><b>경험</b></th>
            <th><b>경험정도</b></th>
        </tr>
        <tr>
            <th rowspan="5">AWS</th>
            <td>EC2</td>
            <td rowspan="5">Medium Level</td>
        </tr>
        <tr>
            <td>S3</td>
        </tr>
        <tr>
            <td>RDS</td>
        </tr>
        <tr>
            <td>dynamodb</td>
        </tr>
        <tr>
            <td>lambda</td>
        </tr>
        <tr>
            <th>PHP</th>
            <td>Codeigniter</td>
            <td>Low Level</td>
        </tr>
        <tr>
            <th rowspan="2">Javascrpt</th>
            <td>Frontend React.js</td>
            <td rowspan="2">Medium Level</td>
        </tr>
        <tr>
            <td>Backend Node.js</td>
        </tr>
        <tr>
            <th>Java</th>
            <td>Spring</td>
            <td>Medium Level</td>
        </tr>
    </table>
</div>

</body>
</html>