Bomb Kirby Running

코딩일기

2023-05-02 코딩일기

^. ̫ .^ 2023. 5. 2. 21:19

728x90

오늘은 카드를 두고 나와서 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하는거 꽤나 재밌을지도..🤔
왜 화면이 안나오지🫠🫠🫠
나중에 수정해야겠다😇