티스토리 뷰
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- 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>
<style>
.progress {
width: 500px;
margin: auto;
}
.btn {
margin-top: 30px;
margin: auto;
display: block;
}
</style>
<script>
var count = 1;
var level_up = 1;
var total_count = 5;
function q1() {
let cnt = (count/total_count)*100
if(count < total_count){
count = count + 1
$('#progress').attr('style', 'width:'+ cnt +'%')
}else if(count == total_count){
count = 1
total_count = total_count + 1
level_up = level_up + 1
$('#progress').attr('style', 'width: 0%')
$('#level').text(level_up)
}
}
</script>
<title>리뷰 작성 수에 따른 레벨시스템</title>
</head>
<body>
<br>
<div class="progress">
<div><p>level <span id="level">1</span> </p></div>
<br>
<div id="progress" class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0"
aria-valuemax="100"></div>
</div>
<br>
<button class="btn" onclick="q1()">리뷰작성 수 카운팅</button>
</body>
</html>
오늘은 프론트쪽이 작업이 다되가나보다. 나도 그 전까지는 추가하고 싶은 기능을 개발하고 있어야 겠고
네아버영화 크롤링을 해서 mongodb에 담아놓고 깃허브에 공유할 것이다. 그리고 미니튜터님과 상담을 해보았는데
키워드 추출하는 건 어렵고 미리 키워드를 놓아서 서비스를 제공하는 게 좋을 수 있다고 했다. 그래서 이 의견을 적극 수렴하여 회의에서 토의를 하였다. 그렇지만 메이킹챌린지가 끝나도 이것은 계속 도전해볼 것이다.
※내일 할 것
- 네이버 영화 크롤링
- 레벨시스템 업그레이드
- 유니크한 기능 생각
'코딩 > 개발일지' 카테고리의 다른 글
| 내일배움단 11일메이킹챌린지 7일차 (0) | 2021.07.25 |
|---|---|
| 내일배움단 11일메이킹챌린지 6일차 (0) | 2021.07.24 |
| 내일배움단 11일메이킹챌린지 4일차 (0) | 2021.07.22 |
| 내일배움다 11일메이킹첼린지 3일차 (0) | 2021.07.21 |
| 내일배움단 11일메이킹챌린지 2일차 (0) | 2021.07.20 |