text: import axios from 'axios';
  import React from 'react';
  import Title from '../../components/Title';
  import {useEffect} from "react"
  import '../../sass/main.css';
  
  function ShowScript() {
  
    async function getList() {
      axios({
        method: 'get',
        url: 'http://soongcom.kro.kr:3001/practice/list',
        responseType: 'stream'
      })
        .then(console.log);
    }
  
    useEffect(() => {
      getList();
    }, []);
  
    return (
      <div>
        <Title title = '스크립트 연습'/>
        <form className="ListForm">
          <div className="TabSetting">
            <div className="NavyTab">
              <button className="NavyButton" type="button">탐색</button>
              <div className="Line"></div>
              <button className="NavyButton" type="button">인기</button>
            </div>
            <input className="SearchTab"
              type="text" 
              placeholder="스크립트를 찾아보세요!">
            </input>
          </div>
          <div className="ListBody">
  
          </div>
        </form>
      </div>
    );
  }
  
  export default ShowScript;