index_old.html

<!DOCTYPE html>
<html lang="en">

<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>Study Gram</title>
</head>
<style>
    table {
      border: 1px solid #444444;
    }
    th, td {
      border: 1px solid #444444;
    }
  </style>
<body>
    <div>
        <h1>안녕하세요.</h1>
    </div>
    <div>
        <h1>스터디그램 입니다.</h1>
    </div>
    <hr>
    <div>
        <h2>
            스터디그램은 공부용 organizations 입니다.
        </h2>
        <h2>
            학습이 끝난 자료와 진행 중인 자료를 제공합니다.
        </h2>
    </div>
    <div>
        <table>
            <thead>
                <tr>
                    <th>주제</th>
                    <th>레포</th>
                    <th>학습량</th>
                    <th>상태</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>자바 옵셔널 제대로 사용하기</td>
                    <td><a href="https://github.com/study-gram/using-java-optional-correctly" target="_blank">using-java-optional-correctly
                    </a></td>
                    <td>예제 26개</td>
                    <td>완</td>
                </tr>
                <tr>
                    <td>java 동시성과 멀티스레드 기초</td>
                    <td><a href="https://github.com/study-gram/java-concurrency-examples" target="_blank">java-concurrency-examples</a></td>
                    <td>-</td>
                    <td>완</td>
                </tr>
                <tr>
                    <td>함수형 인터페이스 기초</td>
                    <td><a href="https://github.com/study-gram/functional-interface" target="_blank">functional-interface</a></td>
                    <td>-</td>
                    <td>완</td>
                </tr>
                <tr>
                    <td>reactor core</td>
                    <td><a href="https://github.com/study-gram/java-reactor-core-practice" target="_blank">java-reactor-core-practice</a></td>
                    <td>매우많음</td>
                    <td>진행중</td>
                </tr>
                <tr>
                    <td>디자인패턴</td>
                    <td><a href="https://github.com/study-gram/gof-design-patterns" target="_blank">gof-design-patterns</a></td>
                    <td>예제 23개</td>
                    <td>진행중</td>
                </tr>
                <tr>
                    <td>스프링 배치</td>
                    <td><a href="https://github.com/study-gram/spring-batch/tree/study" target="_blank">spring-batch</a></td>
                    <td>-</td>
                    <td>진행중</td>
                </tr>
                <tr>
                    <td>자바 리플렉션</td>
                    <td><a href="https://github.com/study-gram/java-reflection-slave" target="_blank">java-reflection-slave</a></td>
                    <td>-</td>
                    <td>진행중</td>
                </tr>
                <tr>
                    <td>테스트 주도 개발 </td>
                    <td><a href="https://github.com/study-gram/start-tdd" target="_blank">start-tdd</a></td>
                    <td>-</td>
                    <td>진행중</td>
                </tr>
                <tr>
                    <td>리팩토링</td>
                    <td><a href="https://github.com/study-gram/refactoring" target="_blank">refactoring</a></td>
                    <td>많음</td>
                    <td>예정</td>
                </tr>
            </tbody>
        </table>
    </div>
    <hr>
    <div>
        nice7677@navar.com / <a href="https://github.com/study-gram" target="_blank">스터디그램 레포</a> / 
        <a href="https://github.com/nice7677" target="_blank">개인 레포</a>
    </div>
    <div>
        <img src="https://img-9gag-fun.9cache.com/photo/ajq1ePg_460s.jpg" width="300px" alt="">
    </div>
    <div>
        <img src="https://cdn3.emoji.gg/emojis/1498-pepe-studying.png" width="300px"  alt="">
    </div>
    <div>
        <img src="https://w0.peakpx.com/wallpaper/278/612/HD-wallpaper-pepe-on-laptop-working-pepe-funny-cool.jpg" width="300px"  alt="">
    </div>
</body>

</html>