본문 바로가기
IT To do and To was

22년 3월 1일_휴일.. 달콤하구만. 마이야르키친을 넘 가고싶다..

금호동짜세 2022. 3. 1.
728x90
반응형

화요일[언제 시작하지.. 슬슬 또 불안이 올라오네]

1. 웹디자인기능사 메뉴영역 retry

2. 자바 책 읽기

 

1. 웹디자인 메뉴영역

html css js
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>Dinamicharyul</title>
    <link rel="stylesheet" href="css/commn.css">
    <script src ="jquery-migrate-1.4.1.min.js"></script>
    <script src="common.js"></script>
   
</head>
<body>
 <div class="header">
     <h1><a href="#"><img src="imges/%ED%99%94%EB%A9%B4%20%EC%BA%A1%EC%B2%98%202022-02-25%20230828.png" alt="로고"></a></h1>
 </div>
  <div class="gnb">
      <ul>
          <li><a href="#" class="mainnav">메인메뉴1</a>
          <ul class="subnav">
              <li><a href="#" >하위메뉴1-1</a></li>
              <li><a href="#" >하위메뉴1-2</a></li>
              <li><a href="#" >하위메뉴1-3</a></li>
          </ul>
          </li>
          <li><a href="#" class="mainnav">메인메뉴2</a>
              <ul class="subnav">
                  <li><a href="#">하위메뉴2-1</a></li>
                  <li><a href="#">하위메뉴2-2</a></li>
                  <li><a href="#">하위메뉴2-3</a></li>
              </ul>
          </li>
          <li><a href="#" class="mainnav">메인메뉴3</a>
              <ul class="subnav">
                  <li><a href="#">하위메뉴3-1</a></li>
                  <li><a href="#">하위메뉴3-2</a></li>
                  <li><a href="#">하위메뉴3-3</a></li>
              </ul>
          </li>
      </ul>
  </div>
   <div class="main">
   
        <li><img src="imges/%ED%99%94%EB%A9%B4%20%EC%BA%A1%EC%B2%98%202022-02-25%20230937.png" alt="거북2"></li>
    
    </div>
    
    
</body>
</html>		 *{padding: 0; margin: 0 auto;
    font-family: "맑은 고딕", sans-serif;}
li{
    list-style: none;
}
img{
    border: none;
}
a{
    text-decoration: none;
}


.header{
    width: 1200px;
    height: 100px;
    margin: 0 auto;
}

.header h1{
    float: left; width: 200px; height: 100px;
    padding-top: 50px; box-sizing: border-box;
}

.gnb{
    float: left; width: 1000px; height: 100px;
    padding-top: 60px; box-sizing: border-box;
}
.gnb > ul{
    float: right;
}
.gnd >ul >li{
    float: left;
    width: 150px; height: 40px;
    position: relative;
}
.gnb li:hover .mainnav{
    color: aliceblue; background-color: bisque;
}
.gnb .subnav{
    position: absolute;top: 40px; left: 0;
    z-index: 100;
    width: 100%; height: 120px;
    
}
.gnb.subnav li{
    width: 100%; height: 40px;
}
.gnb .subnav a{
    display: block; width: 100%; height: 100%;
    text-align: center; line-height: 40px;
    color: aliceblue; font-size: 14px;
}
.gnb .subnav a:hover{
    background-color: aliceblue; color:forestgreen;
}
.main{
    width: 1200px; height: 300px;
    margin: 0 auto;
}		 $(document).ready(function(){
 $('.gnb > ul > li').hover(function(){
     $(this).find('.subnav').stop().slideDown('fast');
 },function(){
     $(this).find('.subnav').stop().slideUp('fast');
      
      });
$(function(){
          alert('이제 되니?')
         });

 

2. 자바 (인터페이스)

 

인터페이스 선언은 class 키워드 대신에 interface 키워드를 사용한다.

인터페이스 이름은 클래스 이름을 작성하는 방법과 동일하다. 영어 대소문자를 구분

클래스는 필드 , 생성자, 메소드를 구성 멤버로 가지는데 비해,

인터페이스는 상수와 메소드만을 구성 멤버로 가진다. 

인터페이스는 객체로 생성할 수 없기 때문에 생성자를 가질 수 없다.

 

interface 인터페이스명 {

//상수

타입 상수명 = 값;

//추상 메소드명(매개변수,...);

//디폴트 메소드

default 타입 메소드명(매개변수, ...) {}

//정적메소드

static 타입 메소드명(매개변수) {..}

 

 

//yesterday wished to today list

. 자존감과 희망찬 마음가지기 ✔_계단과 옥상을 청소하면서 조금 기뻤다.ㅎ

. 긍정적으로 생각하고 부지런해지기 ✔_조금..그랬던 거같기도..?

. 삶에 의욕 넘쳐지기✔_의욕이 없진 않았다.

 

tomorrow wish list

. 활발하기

. 생각하고 한번더 걸러서 얘기하기

. 성숙해지기

. 알고리즘 문자 하나 시도하기

728x90
반응형
저작자표시 (새창열림)

'IT To do and To was' 카테고리의 다른 글

22년 3월 3일_ㄱㅎㅅ...너 내가 간신히 참꼬있는거야.., 웹디자인기능사 탭바영역  (0) 2022.03.03
22년 3월 2일_Done..!!!, 이것이 자바다 책, 소인수분해,웹 탭바  (0) 2022.03.02
22년 2월 28일_ 2월의 마지막 날  (0) 2022.02.28
22년 2월 27일_내용 x 아직도 못 잊었다. 올해는 말끔히 그리워하지 않는 나가 되길.(+ 웹기능사 메뉴영역, + 리액트 실행)  (0) 2022.02.27
22년 2월 26일_웹디..너란녀석..짜증.., CBT 첫 정처기 시험봐보기.ㅎ  (0) 2022.02.26

'IT To do and To was' 관련글

티스토리툴바