0719

벨로그용·2022년 7월 19일
0

ai스쿨

목록 보기
37/60

1)학습한 내용

*프로젝트 html 작성

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./1page.css">
    <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
    <script src="https://code.jquery.com/jquery-latest.js"></script>
    <title>Resoft</title>
</head>
<body>
    <header class="header">
    
        <div class="img_wrap">
            <a href="#"><img src="../img/1page/그룹 41.png" alt="메인로고"></a>
        </div>
        
        <div id="wrapper">
            <nav>
                <ul id="wrap_text">
                    <li>
                        <a href="#">회사소개</a>
                        <ul class="text close">
                            <li>
                                <a href="#">Resoft소개</a>
                            <li>
                                <a href="#">연혁</a>
                            </li>
                            <li>
                                <a href="#">조직도</a>
                            </li>
                            <li>
                                <a href="#">특허&인증</a>
                            </li>
                            <li>
                                <a href="#">오시는 길</a>
                            </li>
                        </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">사업현황</a>
                        <ul class="text close">
                            <li>
                                <a href="#">ECOCE</a>
                            </li>
                            <li>
                                <a href="#">MoaDo</a>
                            </li>
                            <li>
                                <a href="#">Etc</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">정보마당</a>
                        <ul class="text close">
                            <li>
                                <a href="#">Resoft소식</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </nav>
            <div class="text close"></div>
        </div>

        <a href="#" class="btn">
            <img src="../img/1page/box.png" alt="">
        </a>

        <div class="back">
            <img src="../img/1page/사각형 46.png">
        </div>

    <script>  
    $(document).ready(function(){
        $('.btn').click(function(){
            if($('.text').hasClass('close')){
                $('.text').addClass('more').removeClass('close');
            }else if($('.text').hasClass('more')){
                $('.text').addClass('close').removeClass('more');
            }
        });
    });
    </script>
    </header>

</body>
</html>

2)학습내용 중 어려웠던점

X

3)해결방법

X

4)학습소감

6명에서 하던 페이지를 혼자서 해보니깐 시간이오래걸리고 확실히 어렵고 힘든거같다.

profile
안녕하세요

0개의 댓글