새로운 멤버가 참여하게되어 우선은 각자 맡고있던 부분은 자율적으로 진행이후에
내일까지 코드 제출하여 JS는 함께 구현하도록 하고자 한다.
html
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=859d5827dea74945a8d9243df81edcf3"></script>
<script charset="UTF-8" src="http://t1.daumcdn.net/mapjsapi/js/main/4.4.3/kakao.js"></script>
<link rel="preload" as="image" href="/public/user/main/WEB.jpg">
<link rel="preload" as="image" href="/public/user/main/AI.jpg">
<link rel="preload" as="image" href="/public/user/main/XR.jpg">
<link rel="preload" as="image" href="/public/user/main/APP.jpg">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Resoft</title>
<link rel="shortcut icon" href="/public/user/main/web.png" type="image/x-icon">
<link rel="image" href="/public/user/main/WEB.jpg">
<link rel="image" href="/public/user/main/APP.jpg">
<link rel="image" href="/public/user/main/AI.jpg">
<link rel="image" href="/public/user/main/XR.jpg">
<link rel="stylesheet" type="text/css" href="/cssUser/basic.css">
<link rel="stylesheet" type="text/css" href="/cssUser/content.css">
<link rel="stylesheet" type="text/css" href="/cssUser/main.css">
<link rel="stylesheet" type="text/css" href="/cssUser/reset.css">
<link rel="stylesheet" type="text/css" href="/cssUser/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="/cssUser/icg.css">
<link rel="stylesheet" type="text/css" href="/cssUser/jquery.bxslider.css">
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css">
<link rel="stylesheet" href="/public/wow/animate.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/css/swiper.min.css">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/af2a9fd141.js" crossorigin="anonymous"></script><style media="all" id="fa-v4-font-face"></style>
</head>
<body>
<div class="news_wrap">
<div class="news_content_wrap">
<div class="title tit_center">
<h2 class="h_tit">프로젝트1</h2>
<p class="subTitleEng">resoft projects</p>
</div>
<div class="btn_wrap">
<!-- <a href="#" class="more"><span>more</span></a> -->
</div>
</div>
<div class="container_slide">
<section class="news_list slider slick-initialized slick-slider">
<div aria-live="polite" class="slick-list draggable"><div class="slick-track" role="listbox" style="opacity: 1; width: 1946px; transform: translate3d(-1390px, 0px, 0px);"><div class="slide slick-slide slick-cloned" tabindex="-1" role="option" aria-describedby="slick-slide04" style="width: 258px;" data-slick-index="-1" aria-hidden="true">
<a href="javascript:void(0);" tabindex="-1">
<div class="new_img" style="height:300px; background-color: #ffffff;">
<div class="cont"><p class="work-title">2020 대구 마스크 쓰GO 코로나 극복 레이스<br></p>
<img class="logo" src="/img/컬러풀대구로고.jpg" alt="[APP]"></div>
</div>
</a>
</div><div class="slide slick-slide" tabindex="-1" role="option" aria-describedby="slick-slide00" style="width: 258px;" data-slick-index="0" aria-hidden="true">
<a href="javascript:void(0);" tabindex="-1">
<div class="new_img" style="height:300px; background-color: #ffffff;">
<div class="cont"><p class="work-title">송파구청 송파둘레길 비대면 걷기대회<br></p>
<img class="logo" src="/img/송파둘레길.png" alt="[APP]"></div>
</div>
</a>
</div><div class="slide slick-slide" tabindex="-1" role="option" aria-describedby="slick-slide01" style="width: 258px;" data-slick-index="1" aria-hidden="true">
<a href="javascript:void(0);" tabindex="-1">
<div class="new_img" style="height:300px; background-color: #ffffff;">
<div class="cont"><p class="work-title">대구인문사회대학<br></p>
<img class="logo" src="/img/inmun_logo.png" alt="[WEB]"></div>
</div>
</a>
</div><div class="slide slick-slide" tabindex="-1" role="option" aria-describedby="slick-slide02" style="width: 258px;" data-slick-index="2" aria-hidden="true">
<a href="javascript:void(0);" tabindex="-1">
<div class="new_img" style="height:300px; background-color: #ffffff;">
<div class="cont"><p class="work-title">제15회 달서 하프 비대면 마라톤대회<br></p>
<img class="logo" src="/img/달서구청로고.png" alt="[APP]"></div>
</div>
</a>
</div><div class="slide slick-slide" tabindex="-1" role="option" aria-describedby="slick-slide03" style="width: 258px;" data-slick-index="3" aria-hidden="true">
<a href="javascript:void(0);" tabindex="-1">
<div class="new_img" style="height:300px; background-color: #ffffff;">
<div class="cont"><p class="work-title">제8회 한성백제 비대면 마라톤대회<br></p>
<img class="logo" src="/img/한성백제마라톤.png" alt="[APP]"></div>
</div>
</a>
</div><div class="slide slick-slide slick-current slick-active" tabindex="-1" role="option" aria-describedby="slick-slide04" style="width: 258px;" data-slick-index="4" aria-hidden="false">
<a href="javascript:void(0);" tabindex="0">
<div class="new_img" style="height:300px; background-color: #ffffff;">
<div class="cont"><p class="work-title">2020 대구 마스크 쓰GO 코로나 극복 레이스<br></p>
<img class="logo" src="/img/컬러풀대구로고.jpg" alt="[APP]"></div>
</div>
</a>
</div><div class="slide slick-slide slick-cloned" tabindex="-1" role="option" aria-describedby="slick-slide00" style="width: 258px;" data-slick-index="5" aria-hidden="true">
<a href="javascript:void(0);" tabindex="-1">
<div class="new_img" style="height:300px; background-color: #ffffff;">
<div class="cont"><p class="work-title">송파구청 송파둘레길 비대면 걷기대회<br></p>
<img class="logo" src="/img/송파둘레길.png" alt="[APP]"></div>
</div>
</a>
</div></div></div></section>
</div>
</div>
</body>
</html>
CSS
@media screen and (max-width: 767px)
.news_wrap {
width: 100%;
padding: 80px 0;
background-color: #f8f8f8;
padding: 100px 20px 40px 20px;
box-sizing: border-box;
height: auto;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
* {
box-sizing: border-box;
}
user agent stylesheet
div {
display: block;
}
body {
max-width: 100%;
font-family: 'Noto Sans KR', sans-serif;
}
body {
line-height: 1;
}
body {
font-family: ''Noto Sans KR', sans-serif';
position: relative;
word-break: keep-all;
}
body {
font-family: 'NanumSquareRound';
position: relative;
font-weight: 500;
}
작업후 VS 파일저장하고
git fetch upstream
git merge upstream/main
git add .
git commit -m "내용"
git push
깃허브 페이지에서 ahead 클릭후 풀리퀘스트 작성
like 1개
팀으로 하나의 결과물로 도출한다는건 어려운것 같다. 그래도 흥미로운 경험이다.