2021-1-open-source / BaseBallSimulator

Go to a project
Toggle navigation Toggle navigation pinning
김건우
cdf92d43 1 parent 1be7031e

update simulation algorithm

Expand all
Inline Side-by-side
Showing 301 changed files with 306 additions and 377 deletions
1 -'적중률 99%' 야구 결과 시뮬레이션
2 -
3 -프로젝트 참여자 : 김건우(2020105583), 오진혁(2020105636), 정주희(2020105660)
4 -
5 -프로젝트 소개 : {
6 - 목적 : 야구 경기 시뮬레이션과 경기 일정 등을 종합적으로 제공하는 서비스
7 - 구현 계획 : [
8 - 1. node.js or js로 크롤링하여 순위, 일정 등을 불러들여 제공(미완) -> 임시 사진 대체. 링크만 걸어놓음
9 - 2. 구현 서비스, 과정을 담은 영상을 home에 연결(미완) -> 야구 경기 하이라이트로 대체.
10 - 3. 전반적인 4개의 site(main, introduction, calendar, simulation) 구축
11 - -> main은 위 1, 2번 문제에 해당됨.
12 - -> introduction은 readme.md 완성 시 update할 예정.
13 - -> simulation은 구단 클릭 시 선수 list를 불러와 원하는 구단과 선수 명단을 짜고, 이를 바탕으로 시뮬레이션 하도록 프로그래밍 요망.
14 - 현재는 임시로 KIA(원정)VS두산(홈)의 구도와 9명의 짜여진 라인업, 1명의 투수로 시뮬레이션 진행하도록 설계함.
15 - 오류 발생하는 대로 수정하여 update&commit 예정.
16 - ]
17 -}
18 -
19 -알고리즘 소개 : {
20 - 업데이트 예정 ...
21 - 참고사항 : 기계학습, 딥러닝 사용하지 않아 99% 적중하기는 힘들다.
22 -}
23 -
24 -역할 분담 : {
25 - 김건우 : 전반적인 알고리즘 구축(with javascript), calendar 사진 및 기본 틀 구축, 정보 업데이트,
26 - 오진혁 : 서버 구축 담당(with node.js), main 기본 틀 구축, shuffle 알고리즘 구축, 정보 업데이트,
27 - 정주희 : 전반적인 프론트엔드(with html, css, javascript), 알고리즘 수정 및 적용
28 -}
...\ No newline at end of file ...\ No newline at end of file
1 +function algorithm(){
2 + var pitcher = kia_pitcher[1]; //선발투수, 나중에 사용자가 지정해주는 투수로 바뀌도록 수정해야 한다.
3 + var base1 = 0; base2 = 0; base3 = 0; //1이면 주자 있고 0이면 비어있는것
4 + var out = 0; ining = 1; //아웃카운트, 이닝
5 + var hitter_number1 = 0; hitter_number2 = 0; //이전 타석 타자 번호
6 + var score = 0; score2 = 0;
7 + for(i = 0; i < 10; i++){
8 + var num = Math.random();
9 + document.write(num, "<br><br>");//////////////////////
10 + //hitter_number1 = hitter_number(kia); hitter_number2 = hitter_number(dusan);
11 + hitter = kia_hitter[1]; //선발타자, 나중에 사용자가 지정해주는 타자로 바뀌도록 수정해야 한다.
12 + document.write(hitter[0], "<br><br>")
13 + var one = 0; var two = 0; var three = 0; var homerun = 0;
14 + if( num <= kia_pitcher[1][2]){
15 + one = pitcher[2] * (hitter[2] - hitter[3] - hitter[4] - hitter[5])/hitter[2];
16 + two = pitcher[2] * hitter[3]/hitter[2];
17 + three = pitcher[2] * hitter[4]/hitter[2];
18 + homerun = pitcher[2] * hitter[5]/hitter[2];
19 + document.write("확률" + "<br>" + "1루타 " + one, "<br>","2루타 " +
20 + two, "<br>","3루타 "+ three, "<br>","홈런 " + homerun, "<br><br>");//////////////////////////////
21 +
22 + if(num <= one){ //그냥 간단하게 다음 베이스로 한 칸씩 이동하도록 계산, 모든 경우의 수 계산하는게 불가능
23 + var num1 = Math.random();
24 + if(num1 <= 0.5){
25 + score = score + base3;
26 + base3 = base2;
27 + base2 = base1;
28 + base1 = 1;
29 + document.write("1루타!")
30 + document.write("베이스 상태"+"<br>", "1루 " + base1 + "<br>", "2루 " + base2 + "<br>",
31 + "3루 " + base3 + "<br><br>")///////////////////////////
32 + document.write("score: "+score+ "<br><br><br>")
33 + }
34 + if(num1 > 0.5){
35 + score = score + base3 + base2;
36 + base3 = base1;
37 + base2 = 0;
38 + base1 = 1;
39 + document.write("1루타!")
40 + document.write("베이스 상태"+"<br>", "1루 " + base1 + "<br>", "2루 " + base2 + "<br>",
41 + "3루 " + base3 + "<br><br>")///////////////////////////
42 + document.write("score: "+score+ "<br><br><br>")
43 + }
44 +
45 + }
46 + else if(one < num && num <= one + two){
47 + var num2 = Math.random();
48 + if(num2 <= 0.4){
49 + score = score + base3 + base2;
50 + base3 = base1;
51 + base2 = 1;
52 + base1 = 0;
53 + document.write("2루타!")
54 + document.write("베이스 상태"+"<br>", "1루 " + base1 + "<br>", "2루 " + base2 + "<br>",
55 + "3루 " + base3 + "<br><br>")///////////////////////////
56 + document.write("score: "+score+ "<br><br><br>")
57 + }
58 + if(0.4 < num2 && num2 <=0.7){
59 + score = score + base3 + base2 + base1;
60 + base3 = 0;
61 + base2 = 1;
62 + base1 = 0;
63 + document.write("2루타!")
64 + document.write("베이스 상태"+"<br>", "1루 " + base1 + "<br>", "2루 " + base2 + "<br>",
65 + "3루 " + base3 + "<br><br>")///////////////////////////
66 + document.write("score: "+score+ "<br><br><br>")
67 + }
68 + if(0.7 < num2 && num2 <= 1){
69 + score = score + base3 + base2;
70 + base3 = 0;
71 + base2 = 1;
72 + base1 = 0;
73 + out++;
74 + document.write("2루타!")
75 + document.write("베이스 상태"+"<br>", "1루 " + base1 + "<br>", "2루 " + base2 + "<br>",
76 + "3루 " + base3 + "<br><br>")///////////////////////////
77 + document.write("score: "+score+ "<br><br><br>")
78 + }
79 +
80 + }
81 + else if(one + two < num && num <= one + two + three){
82 + score = score + base3 + base2 + base1;
83 + base3 = 1;
84 + base2 = 0;
85 + base1 = 0;
86 + document.write("3루타!")
87 + document.write("베이스 상태"+"<br>", "1루 " + base1 + "<br>", "2루 " + base2 + "<br>",
88 + "3루 " + base3 + "<br><br>")///////////////////////////
89 + document.write("score: "+score+ "<br><br><br>")
90 + }
91 + else if(one + two + three < num && num <= one + two + three + homerun){
92 + score = score + base3 + base2 + base1 + 1;
93 + base3 = 0;
94 + base2 = 0;
95 + base1 = 0;
96 + document.write("홈런!")
97 + document.write("베이스 상태"+"<br>", "1루 " + base1 + "<br>", "2루 " + base2 + "<br>",
98 + "3루 " + base3 + "<br><br>")///////////////////////////
99 + document.write("score: "+score+ "<br><br><br>")
100 + }
101 + }
102 + if( kia_pitcher[1][2] < num && num <= kia_pitcher[1][2] + kia_pitcher[1][1]*0.01){
103 + base3 = base2;
104 + base2 = base1;
105 + base1 = 1;
106 + document.write("볼넷!")
107 + document.write("베이스 상태"+"<br>", "1루 " + base1 + "<br>", "2루 " + base2 + "<br>",
108 + "3루 " + base3 + "<br><br>")///////////////////////////
109 + document.write("score: "+score+ "<br><br><br>")
110 + }
111 + if( kia_pitcher[1][2] + kia_pitcher[1][1]*0.01 < num && num <= 1){
112 + out++;
113 + if(out >= 3){
114 + hitter = dusan_hitter[1];
115 + pitcher = dusan_pitcher[1];
116 + break;
117 + }
118 + document.write("아웃!")
119 + document.write("베이스 상태"+"<br>", "1루 " + base1 + "<br>", "2루 " + base2 + "<br>",
120 + "3루 " + base3 + "<br><br>")///////////////////////////
121 + document.write("score: "+score+ "<br><br><br>")
122 + }
123 + }
124 +}
...\ No newline at end of file ...\ No newline at end of file
1 +function algorithm(){//algorithm(hitter_list1, hitter_list2, pitcher1, pitcher2) => html에서 가지고와야 한다.
2 + var base1 = 0; base2 = 0; base3 = 0; //1이면 주자 있고 0이면 비어있는것
3 + var out = 0; ining = 1; home_away = 1;//아웃카운트, 이닝, home이면 1이고 away이면 2.
4 + var hitter_number1 = 0; hitter_number2 = 0; //이전 타석 타자 번호
5 + var score = 0; score2 = 0;
6 + while(true){
7 + document.write(ining, '회', "<br><br>");
8 + if(ining >= 9 && home_away == 2 && score1 != score2){
9 + score = []
10 + score.push(score1); score.push(score2);
11 + return score;
12 + }
13 + if(home_away == 1){
14 + var hitter = kia_hitter[hitter_number1%9]; //hitter = hitter_list1[hitter_number1%9]
15 + var pitcher = dusan_pitcher[1]; //pitcher = pitcher1
16 + }
17 + else if(home_away == 2){
18 + var hitter = dusan_hitter[hitter_number2%9]; //hitter = hitter_list2[hitter_number2%9]
19 + var pitcher = kia_pitcher[1]; //pitcher = pitcher2
20 + }
21 + var num = Math.random();
22 + document.write(num, "<br><br>");//////////////////////
23 + //hitter_number1 = hitter_number(kia); hitter_number2 = hitter_number(dusan);
24 + document.write(hitter[0], "<br><br>")
25 + var one = 0; var two = 0; var three = 0; var homerun = 0;
26 + if( num <= kia_pitcher[1][2]){
27 + one = pitcher[2] * (hitter[2] - hitter[3] - hitter[4] - hitter[5])/hitter[2];
28 + two = pitcher[2] * hitter[3]/hitter[2];
29 + three = pitcher[2] * hitter[4]/hitter[2];
30 + homerun = pitcher[2] * hitter[5]/hitter[2];
31 + document.write("확률" + "<br>" + "1루타 " + one, "<br>","2루타 " +
32 + two, "<br>","3루타 "+ three, "<br>","홈런 " + homerun, "<br><br>");//////////////////////////////
33 +
34 + if(num <= one){ //안타
35 + var num1 = Math.random();
36 + if(num1 <= 0.5){
37 + switch(home_away){
38 + case home_away == 1:
39 + score1 = score1 + base3;
40 + hitter_number1++;
41 + case home_away == 2:
42 + score2 = score2 + base3;
43 + hitter_number2++;
44 + }
45 + base3 = base2;
46 + base2 = base1;
47 + base1 = 1;
48 + document.write("1루타!")
49 + document.write("베이스 상태"+"<br>", "1루 " + base1 + "<br>", "2루 " + base2 + "<br>",
50 + "3루 " + base3 + "<br><br>")///////////////////////////
51 + document.write("score: "+score+ "<br><br><br>")
52 + }
53 + if(num1 > 0.5){
54 + switch(home_away){
55 + case home_away == 1:
56 + score1 = score1 + base3 + base2;
57 + hitter_number1++;
58 + case home_away == 2:
59 + score2 = score2 + base3 + base2;
60 + hitter_number2++;
61 + }
62 + base3 = base1;
63 + base2 = 0;
64 + base1 = 1;
65 + document.write("1루타!")
66 + document.write("베이스 상태"+"<br>", "1루 " + base1 + "<br>", "2루 " + base2 + "<br>",
67 + "3루 " + base3 + "<br><br>")///////////////////////////
68 + document.write("score: "+score+ "<br><br><br>")
69 + }
70 +
71 + }
72 + else if(one < num && num <= one + two){//2루타
73 + var num2 = Math.random();
74 + if(num2 <= 0.4){
75 + switch(home_away){
76 + case home_away == 1:
77 + score1 = score1 + base3 + base2;
78 + hitter_number1++;
79 + case home_away == 2:
80 + score2 = score2 + base3 + base2;
81 + hitter_number2++;
82 + }
83 + base3 = base1;
84 + base2 = 1;
85 + base1 = 0;
86 + document.write("2루타!")
87 + document.write("베이스 상태"+"<br>", "1루 " + base1 + "<br>", "2루 " + base2 + "<br>",
88 + "3루 " + base3 + "<br><br>")///////////////////////////
89 + document.write("score: "+score+ "<br><br><br>")
90 + }
91 + if(0.4 < num2 && num2 <=0.7){
92 + switch(home_away){
93 + case home_away == 1:
94 + score1 = score1 + base3 + base2 + base1;
95 + hitter_number1++;
96 + case home_away == 2:
97 + score2 = score2 + base3 + base2 + base1;
98 + hitter_number2++;
99 + }
100 + base3 = 0;
101 + base2 = 1;
102 + base1 = 0;
103 + document.write("2루타!")
104 + document.write("베이스 상태"+"<br>", "1루 " + base1 + "<br>", "2루 " + base2 + "<br>",
105 + "3루 " + base3 + "<br><br>")///////////////////////////
106 + document.write("score: "+score+ "<br><br><br>")
107 + }
108 + if(0.7 < num2 && num2 <= 1){
109 + if(base1 == 1){
110 + out++;
111 + }
112 + switch(home_away){
113 + case home_away == 1:
114 + score1 = score1 + base3 + base2;
115 + hitter_number1++;
116 + case home_away == 2:
117 + score2 = score2 + base3 + base2;
118 + hitter_number2++;
119 + }
120 + score = score + base3 + base2;
121 + base3 = 0;
122 + base2 = 1;
123 + base1 = 0;
124 +
125 + document.write("2루타!")
126 + document.write("베이스 상태"+"<br>", "1루 " + base1 + "<br>", "2루 " + base2 + "<br>",
127 + "3루 " + base3 + "<br><br>")///////////////////////////
128 + document.write("score: "+score+ "<br><br><br>")
129 + }
130 +
131 + }
132 + else if(one + two < num && num <= one + two + three){//3루타
133 + score = score + base3 + base2 + base1;
134 + base3 = 1;
135 + base2 = 0;
136 + base1 = 0;
137 + document.write("3루타!")
138 + document.write("베이스 상태"+"<br>", "1루 " + base1 + "<br>", "2루 " + base2 + "<br>",
139 + "3루 " + base3 + "<br><br>")///////////////////////////
140 + document.write("score: "+score+ "<br><br><br>")
141 + }
142 + else if(one + two + three < num && num <= one + two + three + homerun){//홈런
143 + score = score + base3 + base2 + base1 + 1;
144 + base3 = 0;
145 + base2 = 0;
146 + base1 = 0;
147 + document.write("홈런!")
148 + document.write("베이스 상태"+"<br>", "1루 " + base1 + "<br>", "2루 " + base2 + "<br>",
149 + "3루 " + base3 + "<br><br>")///////////////////////////
150 + document.write("score: "+score+ "<br><br><br>")
151 + }
152 + }
153 + if( kia_pitcher[1][2] < num && num <= kia_pitcher[1][2] + kia_pitcher[1][1]*0.01){
154 + base3 = base2;
155 + base2 = base1;
156 + base1 = 1;
157 + document.write("볼넷!")
158 + document.write("베이스 상태"+"<br>", "1루 " + base1 + "<br>", "2루 " + base2 + "<br>",
159 + "3루 " + base3 + "<br><br>")///////////////////////////
160 + document.write("score: "+score+ "<br><br><br>")
161 + }
162 + if( kia_pitcher[1][2] + kia_pitcher[1][1]*0.01 < num && num <= 1){
163 + out++;
164 + if(out >= 3){
165 + hitter = dusan_hitter[1];
166 + pitcher = dusan_pitcher[1];
167 + switch(home_away){
168 + case home_away == 1:
169 + home_away++;
170 + case home_away == 2:
171 + home_away = 1;
172 + ining++;
173 + }
174 + break;
175 + }
176 + document.write("아웃!")
177 + document.write("베이스 상태"+"<br>", "1루 " + base1 + "<br>", "2루 " + base2 + "<br>",
178 + "3루 " + base3 + "<br><br>")///////////////////////////
179 + document.write("score: "+score+ "<br><br><br>")
180 + }
181 + }
182 +}
...\ No newline at end of file ...\ No newline at end of file
1 -body{
2 - background-image:url(https://t1.daumcdn.net/cfile/blog/155A204A5026656D0E);
3 - background-repeat: no-repeat;
4 - background-size: cover;
5 -}
6 -.container1{
7 - display:flex;
8 - justify-content: center;
9 - align-items: baseline;
10 - padding:50px 0px 0px 0px;
11 -}
12 -.logo{
13 - font-size:40px;
14 - color:white;
15 -}
16 -*{
17 - margin: 0;
18 - padding: 0;
19 - box-sizing: border-box;
20 - font-family: sans-serif;
21 -}
22 -
23 -#menu{
24 - margin:60px 250px 0px 250px;
25 - height:90px;
26 - width:1000px;
27 -}
28 -#menu ul li{
29 - list-style:none;
30 - color:white;
31 - background-color:#011638;
32 - float:left;
33 - line-height:30px;
34 - vertical-align:middle;
35 - text-align:center;
36 - display:inline;
37 -}
38 -#menu .me{
39 - text-decoration:none;
40 - color:white;
41 - display:inline-block;
42 - width:250px;
43 - font-size:20px;
44 - font-weight:bold;
45 - font-family: "Trebuchet MS", Dotum, Arial;
46 -}
47 -#menu .me:hover{
48 - color:#D499B9;
49 - background-color: #2E294E;
50 -}
51 -
52 -.row{
53 - display:flex;
54 - justify-content: space-evenly;
55 - padding: 0px 0px 50px 0px;
56 -}
1 -<!DOCTYPE html>
2 -<html>
3 -<head>
4 - <title> Calendar </title>
5 - <link rel="stylesheet" type="text/css"href="calendar.css">
6 -</head>
7 -<body>
8 - <div class="container1">
9 - <span class="logo">Welcome to Baseball Simulator</span>
10 - </div>
11 - <nav id="menu">
12 - <ul>
13 - <li>
14 - <a class="me" href="main.html">Home</a>
15 - </li>
16 - <li>
17 - <a class="me" href="introduction.html">Introduction</a>
18 - </li>
19 - <li>
20 - <a class="me" href="calendar.html">Calendar</a>
21 - </li>
22 - <li>
23 - <a class="me" href="simulation.html">Simulation</a>
24 - </li>
25 - </ul>
26 - </nav>
27 - <div class="container2">
28 - <div class="row row1">
29 - <span class="item1">
30 - <a href="http://www.statiz.co.kr/team.php?opt=0&sopt=1&year=2021&team=%EC%82%BC%EC%84%B1">
31 - <img src="pngs/samsung.png" style="display:block; margin:0 auto; width:150px; height:150px;" alt="">
32 - </a>
33 - </span>
34 - <span class="item2">
35 - <a href="http://www.statiz.co.kr/team.php?opt=0&sopt=1&year=2021&team=NC">
36 - <img src="pngs/nc.png" style="display:block; margin:0 auto; width:150px; height:150px;" alt="">
37 - </a>
38 - </span>
39 - <span class="item3">
40 - <a href="http://www.statiz.co.kr/team.php?opt=0&sopt=1&year=2021&team=LG">
41 - <img src="pngs/LG.png" style="display:block; margin:0 auto; width:150px; height:150px;" alt="">
42 - </a>
43 - </span>
44 - <span class="item4">
45 - <a href="http://www.statiz.co.kr/team.php?opt=0&sopt=1&year=2021&team=KT">
46 - <img src="pngs/kt.png" style="display:block; margin:0 auto; width:150px; height:150px;" alt="">
47 - </a>
48 - </span>
49 - <span class="item5">
50 - <a href="http://www.statiz.co.kr/team.php?opt=0&sopt=1&year=2021&team=SSG">
51 - <img src="pngs/ssg.png" style="display:block; margin:0 auto; width:150px; height:150px;" alt="">
52 - </a>
53 - </span>
54 - </div>
55 - <div class="row row2">
56 - <span class="item6">
57 - <a href="http://www.statiz.co.kr/team.php?cteam=%EB%91%90%EC%82%B0%2BOB&year=2021&opt=0&sopt=1">
58 - <img src="pngs/dusan.png" style="display:block; margin:0 auto; width:150px; height:150px;"alt="">
59 - </a>
60 - </span>
61 - <span class="item7">
62 - <a href="http://www.statiz.co.kr/team.php?cteam=%ED%9E%88%EC%96%B4%EB%A1%9C%EC%A6%88&year=2021&opt=0&sopt=1">
63 - <img src="pngs/kiwoom.png" style="display:block; margin:0 auto; width:150px; height:150px;" alt="">
64 - </a>
65 - </span>
66 - <span class="item8">
67 - <a href="http://www.statiz.co.kr/team.php?opt=0&sopt=1&year=2021&team=KIA">
68 - <img src="pngs/kia.png" style="display:block; margin:0 auto; width:150px; height:150px;" alt="">
69 - </a>
70 - </span>
71 - <span class="item9">
72 - <a href="http://www.statiz.co.kr/team.php?cteam=%ED%95%9C%ED%99%94%2B%EB%B9%99%EA%B7%B8%EB%A0%88&year=2021&opt=0&sopt=1">
73 - <img src="pngs/hanhwa.png" style="display:block; margin:0 auto; width:150px; height:150px;" alt="">
74 - </a>
75 - </span>
76 - <span class="item10">
77 - <a href="http://www.statiz.co.kr/team.php?cteam=%EB%A1%AF%EB%8D%B0&year=2021&opt=0&sopt=1">
78 - <img src="pngs/Lotte.png" style="display:block; margin:0 auto; width:150px; height:150px;" alt="">
79 - </a>
80 - </span>
81 - </div>
82 - </div>
83 -</body>
84 -</html>
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
1 -body{
2 - background-image:url(https://t1.daumcdn.net/cfile/blog/155A204A5026656D0E);
3 - background-repeat: no-repeat;
4 - -webkit-background-size: cover;
5 - -moz-background-size: cover;
6 - -o-background-size: cover;
7 - background-size: cover;
8 -}
9 -.container1{
10 - display:flex;
11 - justify-content: center;
12 - align-items: baseline;
13 - padding:50px 0px 0px 0px;
14 -}
15 -.logo{
16 - font-size:40px;
17 - color:white;
18 -}
19 -*{
20 - margin: 0;
21 - padding: 0;
22 - box-sizing: border-box;
23 - font-family: sans-serif;
24 -}
25 -
26 -#menu{
27 - margin:60px 250px 0px 250px;
28 - height:90px;
29 - width:1000px;
30 -}
31 -#menu ul li{
32 - list-style:none;
33 - color:white;
34 - background-color:#011638;
35 - float:left;
36 - line-height:30px;
37 - vertical-align:middle;
38 - text-align:center;
39 - display:inline;
40 -}
41 -#menu .me{
42 - text-decoration:none;
43 - color:white;
44 - display:inline-block;
45 - width:250px;
46 - font-size:20px;
47 - font-weight:bold;
48 - font-family: "Trebuchet MS", Dotum, Arial;
49 -}
50 -#menu .me:hover{
51 - color:#D499B9;
52 - background-color: #2E294E;
53 -}
...\ No newline at end of file ...\ No newline at end of file
1 -<!DOCTYPE html>
2 -<html>
3 -<head>
4 - <title> Introduction </title>
5 - <link rel="stylesheet" type="text/css"href="introduction.css">
6 -</head>
7 -<body>
8 - <div class="container1">
9 - <span class="logo">Welcome to Baseball Simulator</span>
10 - </div>
11 - <nav id="menu">
12 - <ul>
13 - <li>
14 - <a class="me" href="main.html">Home</a>
15 - </li>
16 - <li>
17 - <a class="me" href="introduction.html">Introduction</a>
18 - </li>
19 - <li>
20 - <a class="me" href="calendar.html">Calendar</a>
21 - </li>
22 - <li>
23 - <a class="me" href="simulation.html">Simulation</a>
24 - </li>
25 - </ul>
26 - </nav>
27 -
28 -</body>
29 -</html>
1 -body{
2 - background-image:url(https://t1.daumcdn.net/cfile/blog/155A204A5026656D0E);
3 - background-repeat: no-repeat;
4 - -webkit-background-size: cover;
5 - -moz-background-size: cover;
6 - -o-background-size: cover;
7 - background-size: cover;
8 -}
9 -.container1{
10 - display:flex;
11 - justify-content: center;
12 - align-items: baseline;
13 - padding:50px 0px 0px 0px;
14 -}
15 -.logo{
16 - font-size:40px;
17 - color:white;
18 -}
19 -*{
20 - margin: 0;
21 - padding: 0;
22 - box-sizing: border-box;
23 - font-family: sans-serif;
24 -}
25 -
26 -#menu{
27 - margin:60px 250px 0px 250px;
28 - height:90px;
29 - width:1000px;
30 -}
31 -#menu ul li{
32 - list-style:none;
33 - color:white;
34 - background-color:#011638;
35 - float:left;
36 - line-height:30px;
37 - vertical-align:middle;
38 - text-align:center;
39 - display:inline;
40 -}
41 -#menu .me{
42 - text-decoration:none;
43 - color:white;
44 - display:inline-block;
45 - width:250px;
46 - font-size:20px;
47 - font-weight:bold;
48 - font-family: "Trebuchet MS", Dotum, Arial;
49 -}
50 -#menu .me:hover{
51 - color:#D499B9;
52 - background-color: #2E294E;
53 -}
54 -.container2{
55 - width:50%;
56 - height:600px;
57 - float:left;
58 -}
59 -.container3{
60 - width:50%;
61 - height:200px;
62 - float:left;
63 -}
64 -.container4{
65 - width:20%;
66 - height:400px;
67 - float:left;
68 -}
69 -.container5{
70 - width:30%;
71 - height:400px;
72 - float:left;
73 -}
...\ No newline at end of file ...\ No newline at end of file
1 -<!DOCTYPE html>
2 -<html>
3 -<head>
4 - <title> Baseball Simulator </title>
5 - <link rel="stylesheet" type="text/css"href="main.css">
6 -</head>
7 -<body>
8 - <div class="container1">
9 - <span class="logo">Welcome to Baseball Simulator</span>
10 - </div>
11 - <nav id="menu">
12 - <ul>
13 - <li>
14 - <a class="me" href="main.html">Home</a>
15 - </li>
16 - <li>
17 - <a class="me" href="introduction.html">Introduction</a>
18 - </li>
19 - <li>
20 - <a class="me" href="calendar.html">Calendar</a>
21 - </li>
22 - <li>
23 - <a class="me" href="simulation.html">Simulation</a>
24 - </li>
25 - </ul>
26 - </nav>
27 - <div class="container2">
28 - <a href="https://sports.news.naver.com/kbaseball/record/index.nhn?category=kbo&year=2021"><img src="pngs/rank.jpg" style="display:block; margin:0 auto; width:600px; height:400px;"></a>
29 - </div>
30 - <div class="container3">
31 - <a href="https://sports.news.naver.com/kbaseball/schedule/index.nhn"><img src="pngs/today.jpg" style="display:block; margin:0 auto; width:655px; height:150px;"></a>
32 - </div>
33 - <div class="container4">
34 - <img src="pngs/1.jpg" style="display:block; margin:0 auto; width:200px; height:100px;">
35 - </div>
36 - <div class="container5">
37 - <iframe width="400" height="200" src="https://www.youtube.com/embed/dL_79KkHmQE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
38 - </div>
39 -</body>
40 -</html>
This diff is collapsed. Click to expand it.
1 -{
2 - "name": "homework",
3 - "version": "1.0.0",
4 - "description": "",
5 - "main": "server.js",
6 - "scripts": {
7 - "test": "echo \"Error: no test specified\" && exit 1"
8 - },
9 - "author": "",
10 - "license": "ISC",
11 - "dependencies": {
12 - "express": "^4.17.1"
13 - }
14 -}
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.