728x90
항해 99에 합격하게 되어서 사전 스터디 조원들과 스터디를 시작하게 되었다.
사실 사전 스터디 한참 전에 2주 차 강의까지 들었었는데,
어머니 가게에서 일하게 되면서 몸이 힘들다는 핑계로 계속 강의 듣는 것을 미뤄왔었다.
사전 스터디 일정을 정하고 첫 번째 스터디 모임을 갖은 지 이제 1시간? 2시간? 정도 지난 것 같은데
정신없었지만 참 즐겁게 진행되었 던 것 같다.
첫 번째 스터디 날부터 나는 발표를 하게 되었는데,
나도 내가 뭐라고 하는지 모를정도로 정신없이 진행했는데, 다행히도 스터디 조원분들께서 잘 들어주셨다.
스터디 확실히 도움이 많이 되는 듯하다.
서로 문제를 내고 맞추어보면서 내가 몰랐던 부분을 알게 되었고, 내가 어느 부분을 복습해야 할지 알 수 있어 좋았다.
내가 궁금한게 아니라 다른 분이 궁금한 것도 같이 고민해 보며 성장하는 것을 느꼈다.
항해 99 테스트 통과할 수 있을까..?
진짜 열심히 해야겠다.
홧팅!
스터디 문제 풀기
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<title>프론트엔드</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap');
* {
font-family: 'Gowun Dodum', sans-serif;
}
.mytitle {
background-color: aqua;
color: white;
height: 250px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://m-img.cafe24.com/images/bi/cafe24/cafe24.gif');
background-position: center;
background-size: cover;
}
.mytitle>button {
color: white;
width: 250px;
height: 50px;
background-color: transparent;
border: 1px solid white;
border-radius: 50px;
margin: 30px;
}
/* 커서 가져다 놓았을때 두꺼워지기 (유리님) */
.mytitle>button:hover {
border: 2px solid white;
}
.mycard {
width: 1200px;
margin: 20px auto 20px auto;
padding: 20px auto 20px auto;
}
.mypost {
width: 500px;
margin: 20px auto 20px auto;
padding: 20px 20px 20px 20px;
box-shadow: 0px 0px 3px 0px gray;
}
.mybtn {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-top: 20px;
}
.mybtn>button {
margin-right: 10px;
}
.card-text {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.card-title {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
</style>
<script>
$(document).ready(function () {
fetch("http://spartacodingclub.shop/sparta_api/weather/seoul").then(res => res.json()).then(data => {
let on = data['temp']
$('#temp').text(on)
})
})
</script>
</head>
<body>
<div class="mytitle">
<h1>HOLLYS</h1>
<div>현재 서울의 날씨 : <span id="temp">20</span>도</div>
<button onclick="hey()">매장 검색</button>
</div>
<div class="mypost">
<div class="input-group mb-3">
<label class="input-group-text" for="inputGroupSelect01">메뉴</label>
<select class="form-select" id="inputGroupSelect01">
<option selected>-- 선택하기 --</option>
<option value="1">아메리카노</option>
<option value="2">바닐라라떼</option>
<option value="3">초코쿠키 프라페</option>
<option value="4">민트초코 프라페</option>
</select>
</div>
<!-- 별점 넣기 (근보님) -->
<div class="input-group mb-3">
<label class="input-group-text" for="inputGroupSelect01">별점</label>
<select class="form-select" id="inputGroupSelect01">
<option selected>-- 선택하기 --</option>
<option value="1">⭐</option>
<option value="2">⭐⭐</option>
<option value="3">⭐⭐⭐</option>
</select>
</div>
<div class="form-floating">
<textarea class="form-control" placeholder="Leave a comment here" id="floatingTextarea"></textarea>
<label for="floatingTextarea">리뷰</label>
</div>
<div class="mybtn">
<button type="button" class="btn btn-dark">기록하기</button>
<button type="button" class="btn btn-outline-dark">닫기</button>
</div>
</div>
<div class="mycard">
<div class="row row-cols-1 row-cols-md-4 g-4">
<div class="col">
<div class="card">
<img src="https://img.danawa.com/prod_img/500000/609/014/img/3014609_1.jpg?1650002669098"
class="card-img-top" alt="...">
<div class="card-body">
<!-- 글씨 가운데로 (은양님) -->
<h5 class="card-title">아메리카노</h5>
<p class="card-text">10000원</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="https://img1.kakaocdn.net/thumb/C320x320@2x.q82.fwebp/?fname=https%3A%2F%2Fst.kakaocdn.net%2Fproduct%2Fgift%2Fproduct%2F20210727163357_aaa6903dc9ce4052bc272a4cab4be4ff.jpg"
class="card-img-top" alt="...">
<div class="card-body">
<!-- 카페 메뉴 만들기 (영은님) -->
<h5 class="card-title">바닐라라떼</h5>
<p class="card-text">10000원</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="https://img.supercon.io/logo/0000007260.jpg"
class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">초코쿠키 프라페</h5>
<p class="card-text">1000원</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQwYrVu2p-XupWIlQ_9tpyt5Kvij7yv3h_RzA&usqp=CAU"
class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">민트 프라페</h5>
<p class="card-text">1000원</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
728x90