오늘은 카드를 두고 나와서 10분 거리 버스 정류장까지 가서 버스를 탈 뻔 했는데 버스가 생각보다 늦게오고
잽싸게 카드를 들고 나와서 다행히 편히 학원에 도착할 수 있었다.
오늘 오전 수업은 전에 했던 사이트 만들기에서 마무리 못지은 슬라이드 부분을 했다.
|| 버튼을 누르면 정지 되고 ▷버튼을 누르면 슬라이드가 움직이는걸 자바스크립트가 아닌 swiper 라이브러리를 통해 구현하였다.
script
<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
<script>
const swiper = new Swiper('.swiper', {
direction: 'horizontal',
loop: true,
autoplay: {
delay: 1000,
disableOnInteraction: false,
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
const btnStop = document.querySelector(".swiper-button-stop");
const btnStart = document.querySelector(".swiper-button-play");
btnStart.style.display = "none";
btnStop.addEventListener("click", () => {
swiper.autoplay.stop();
btnStart.style.display = "block";
btnStop.style.display = "none";
})
btnStart.addEventListener("click", () => {
swiper.autoplay.start();
btnStart.style.display = "none";
btnStop.style.display = "block";
})
</script>
css도 가져왔는데 script에 연결된 https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js 에서 가져왔다.
너무 길어서 스킵..
점심엔 나폴리탄이 먹고싶어서 짱구 나폴리탄을 사 먹었다.
사진 찍으려고 했는데 왔다갔다 정신 없어서 사진을 까먹었다😥
딱 기대한 나폴리탄 맛이여서 적당히 맛있게 먹었다!
가격은 5,500원으로 즉석식품 치고는 꽤 가격있는 편이라 다들 비싸다고 했는데
개인적으로 나름 맛있게 먹고 짱구 콜라보에 식당에서 먹는 것보단 싸서 괜찮게 생각했다👍
나폴리탄 좋아하는 사람은 나처럼 맛있게 먹지 않을까 ~-~
스티커는 돌을 부수는 액션가면이 들어있었다.👊조별과제 하기 싫은 내 마음을 표현한걸지도..
오후엔 조별끼리 피그마로 디자인한 웹사이트 로그인 페이지 만들기를 했다.
나는 로그인, 아이디 찾기, 비밀번호 찾기를 코딩하였다.
로그인 페이지
http://zany1346.dothome.co.kr/php2/html/login.html
아이디 찾기 페이지
http://zany1346.dothome.co.kr/php2/html/searchID.html
비밀번호 찾기 페이지
http://zany1346.dothome.co.kr/php2/html/searchPass.html
힘들었지만 그래도 css하는거 꽤나 재밌을지도..🤔
왜 화면이 안나오지🫠🫠🫠
나중에 수정해야겠다😇