웹개발 2주차

스파르타 코딩클럽 강의를 들은지 2주가 지났다.

이제 서버 통신까지 하면서 제이쿼리랑 에이젝스로 서버에서
불러오는것 까지할 수 있음!

처음 자바를 배울때는 어떻게 홈페이지를 만드는지 막막 했는데
이제는 뭔가 내 머릿속에 틀이 점점 잡혀간다!

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
    integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
    integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
    crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
    integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
    crossorigin="anonymous"></script>

<title>스파르타코딩클럽 | 부트스트랩 연습하기</title>
<script>
    function fun(){
        alert("주문이 완료되었습니다")
    }

    $(document).ready(function(){
        $.ajax({
            type: "GET",
            url: "http://spartacodingclub.shop/sparta_api/rate",
            data: {},
            success: function (response) {
                let rate = response['rate']

                let temp_rate=`달러-원 현재환율: ${rate}`

                $('#rate').append(temp_rate)


            }
        })

    });



</script>
<style>

    #rate{
        color: blue;
        font-size: 14px;
    }
    #box{
        width: 700px;
        margin: auto;

    }
    #img{
        width: 700px;
        margin-bottom: 10px;
    }
    #submit{
        display: block;
        margin-left: 280px;


    }
    .won{
        font-size: 18px;
    }
    #magin{
        margin-top: 40px;
    }



</style>

<p>
    <h1>맥북이 왔어요<span class="won">가격: 1,500,000/개</span></h1>
</p>

맥북이 초 특가입니다!
모든 애플을 쓰는 사람들의 로망인 맥북 드디어 이곳에 상륙했습니다

주문자 성함:

수량:

--수량을 선택하세요-- 1 2 3 4 5

주소:

전화번호:

주문하기