220701 금
1) 학습한 내용
http://www.resoft.kr/ (리소프트 홈페이지제작)
7/5 (화) 목표학습량
html div테그 등으로 작업시작
<ul>
<li class="wow fadeInUp customer_list" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/대구광역시 건축사회.png" alt="">
</div>
<p>대구광역시 건축사회</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/대구광역시.png" alt="">
</div>
<p>대구광역시</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/매일신문.png" alt="">
</div>
<p>매일신문</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/경북대학교.png" alt="">
</div>
<p>경북대학교</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/대구MBC문화원.png" alt="">
</div>
<p>대구MBC문화원</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/대구광역시 체육회.png" alt="">
</div>
<p>대구광역시 체육회</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="0.7s" style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/대구가톨릭대학교.png" alt="">
</div>
<p>대구가톨릭대학교</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="0.8s" style="visibility: visible; animation-delay: 0.8s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/송파구청.png" alt="">
</div>
<p>송파구청</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="0.9s" style="visibility: visible; animation-delay: 0.9s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/국민의힘.png" alt="">
</div>
<p>국민의힘</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="1.8s" style="visibility: visible; animation-delay: 1.8s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/국제라이온스협회.png" alt="">
</div>
<p>국제라이온스협회</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="1.7s" style="visibility: visible; animation-delay: 1.7s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/한국전기공사협회.png" alt="">
</div>
<p>한국전기공사협회</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="1.6s" style="visibility: visible; animation-delay: 1.6s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/즐거운세상.png" alt="">
</div>
<p>(주)즐거운 세상</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="1.5s" style="visibility: visible; animation-delay: 1.5s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/해양대학교.png" alt="">
</div>
<p>한국해양대학교</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="1.4s" style="visibility: visible; animation-delay: 1.4s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/상공회의소.png" alt="">
</div>
<p>대구상공회의소</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="1.3s" style="visibility: visible; animation-delay: 1.3s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/대한건설협회.png" alt="">
</div>
<p>대한건설협회</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="1.2s" style="visibility: visible; animation-delay: 1.2s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/한국청년회의소.png" alt="">
</div>
<p>한국청년회의소</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="1.1s" style="visibility: visible; animation-delay: 1.1s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/계명대.png" alt="">
</div>
<p>계명대학교</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="1.0s" style="visibility: visible; animation-delay: 1s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/목포해양대학교.png" alt="">
</div>
<p>목포해양대학교</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="2.0s" data-wow-offset="-30" style="visibility: visible; animation-delay: 2s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/대구공고.png" alt="">
</div>
<p>대구공업고등학교</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="2.1s" data-wow-offset="-30" style="visibility: visible; animation-delay: 2.1s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/대경산업협회.png" alt="">
</div>
<p>대경ICT산업협회</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="2.2s" data-wow-offset="-30" style="visibility: visible; animation-delay: 2.2s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/한국조리기능장협회.png" alt="">
</div>
<p>한국조리기능장협회</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="2.3s" data-wow-offset="-30" style="visibility: visible; animation-delay: 2.3s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/여성기업인협회.png" alt="">
</div>
<p>IT여성기업인협회</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="2.4s" data-wow-offset="-30" style="visibility: visible; animation-delay: 2.4s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/중소기업융합연합회.png" alt="">
</div>
<p>중소기업융합연합회</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="2.5s" data-wow-offset="-30" style="visibility: visible; animation-delay: 2.5s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/대구신용보증재단.png" alt="">
</div>
<p>대구신용보증재단</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="2.6s" data-wow-offset="-30" style="visibility: visible; animation-delay: 2.6s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/달서구청.png" alt="">
</div>
<p>달서구청</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="2.7s" data-wow-offset="-30" style="visibility: visible; animation-delay: 2.7s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/대구디지털산업진흥회.png" alt="">
</div>
<p>대구디지털산업진흥원</p>
</li>
<li class="wow fadeInUp customer_list" data-wow-delay="2.8s" data-wow-offset="-30" style="visibility: visible; animation-delay: 2.8s; animation-name: fadeInUp;">
<div class="img-wrap">
<img src="./리소프트 홈페이지 이미지/국제라이온스협회.png" alt="">
</div>
<p>국제로타리클럽</p>
</li>
</ul>
<button class="load"><i class="fa-solid fa-circle-plus"></i></button>
</div>ul>li>div>img 사용 및 button사용
2) 학습내용 중 어려웠던 점
3) 해결방법
4) 학습소감
홈페이지 제작하는 html 및 css를 작성하였는데 2달간 수업했었던것을 실제로 학습하여 너무 뿌듯하고 재미있었다.
프론트개발자