JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
        <div id="input-form">
            이름 : <input type="text" id="keyword" />
        </div>

        <table id="user-table">
            <thead>
                <tr>
                    <th>번호</th>
                    <th>이름</th>
                    <th>생년월일</th>
                    <th>학과</th>
                    <th>학번</th>
                </tr>
            </thead>

            <tbody>
                <tr>
                    <td>1</td>
                    <td>ABC</td>
                    <td>1991.09.07</td>
                    <td>경영정보학과</td>
                    <td>2000290031</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>abc</td>
                    <td>1991.09.07</td>
                    <td>경영정보학과</td>
                    <td>2000290031</td>
                </tr>
            </tbody>
        </table>
    </div>

CSS

#container {width: 960px; margin: 0 auto;}
        #container #input-form {text-align: center;}
        #user-table {margin: 0 auto; text-align: center;}
        #input-form {margin-top: 10px; margin-bottom: 10px;}

        #user-table {border-collapse: collapse;}
        #user-table > thead > tr { background-color: #333; color:#fff; }
        #user-table > thead > tr > th { padding: 8px; width: 150px; }
        #user-table > tbody > tr > td { border-bottom: 1px solid gray; padding:8px; }

JavaScript

$("#keyword").keyup(function() { 
    var reg = new RegExp(this.value, 'i');
    $("#user-table > tbody > tr").each( function() {                    
        $(this).toggle( reg.test($('td:eq(1)', this).text()) );                
    }) 
})