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

22년 3월 3일_ㄱㅎㅅ...너 내가 간신히 참꼬있는거야.., 웹디자인기능사 탭바영역

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

목요일[면접결과는 어떻게 되어있는것인가...후달달]

1. 웹디자인 탭바영역 잘 수강하기

2. 정처기 자격증 필기 강의 한 번 보기

3. 알고리즘 문제 풀기

4. 하둡 강의 필기 기재

 

1. 탭바

- 태그 구조 확인하기

- 탭바 제이쿼리

- 공지사항 html/css

- 갤러리 html/css

html css js
<!DOCTYPE html>
<html lang="ko">
    <head>
    <meta charset="UTF-8">
    <title>박하률</title>
        <link rel="stylesheet" href="css/common.css">
        <script src="js/jquery-3.3.1.min.js"></script>
        <script src="js/common.js"></script>
    </head>
    <body>
  <div class="board">
        <ul class="btn">
            <li class="first"><a href="#tab01" class="active">공지사항</a></li>
            <li><a href="#tab02">갤러리</a></li>
            </ul>
            <div class="bwrap">
                <div class="notice">
                <ul>
                    <li><a href="#">◎ 하률이의 3월 계획</a><span class="date">
                        2022.03.03
                    </span></li>
                       <li><a href="#"> 밥 잘먹기</a><span class="date">  2022.03.04 </span></li>
                       <li><a href="#"> 근육량 늘리기</a><span class="date">  2022.03.05 </span></li>
                       <li><a href="#"> 웹디자인기능사 합격하기</a><span class="date">  2022.03.30 </span></li>
                       <li><a href="#"> 마음에 여유갖기</a><span class="date">  2022.03.30 </span></li>
                       <li><a href="#"> 공부 나태해지지 않기</a><span class="date">  2022.03.30 </span></li>
                </ul>
                </div>
                <div class="gallery">
                <ul>
                    <li><a href="#"><img src="imges/a4c570075f953d4639f6184f5d235427.jpg" alt="갤러리1"></a></li>
                    <li><a href="#"><img src="imges/%EB%8B%A4%EC%9A%B4%EB%A1%9C%EB%93%9C.jfif" alt="갤러리2"></a></li>
                    <li><a href="#"><img src="imges/%EB%8B%A4%EC%9A%B4%EB%A1%9C%EB%93%9C.jfif" alt="갤러리3"></a></li>
                </ul>
                </div>
            </div>
        
    </div>
</body>
</html>		 *{padding: 0; margin: 0 auto;/*여백 없앰*/
    font-family: "맑은 고딕", sans-serif;}
li{list-style: none;}
a{text-decoration: none;} /*리스트 기호 없앰*/
img{border: none;} /*이미지 링크시 생기는 선 없앰*/

.board{
    width: 400px; height: 200px;
    padding: 0 20px;
/*    background-color: aqua;*/
    box-sizing: border-box;
    margin: 20px;
}
.btn{
    width: 100%; height: 50px;
    border-bottom:  1px solid #999999;
}
.btn .first{
    margin-left: 0;
}
.btn li{
    float: left;
    margin: 0 10px;
    height: 100%; line-height: 49px;
}
.btn .first{
    margin-left: 0;
}
.btn a{
    display: block;
    width: 100%; height: 100%;
    box-sizing: border-box;
    font-size: 18px; font-weight: bold; color: #999999;
}
.btn a.active{
    color: #222328; border-bottom: 3px solid #222328;
}
.bwrap{
    width: 100%; height: 150px;
}
.notice{
    width: 100%; height: 150px;
}
.gallery{
    width: 100%; height: 150px;
    display: none;
}

.notice li{
    width: 100%; height: 30px;
    line-height: 30px;
}
.notice a{
    float: left;
    display: block;
    width: 200px; height: 10px;/*길이가 길경우 width를 크게 설정*/
    padding-left: 10px; box-sizing: border-box;
    font-size: 17px; color: dimgray
}
.notice .date{
    float: right;
    display: block;
    padding-right: 13px; box-sizing: border-box;
    font-size: 16px; color: darkturquoise;
}
.gallery ul{
    padding: 25px 0;
}
.gallery li{
    float: left;
    width: 100px; height: 100px;
    margin: 0 10px;
}		 $(document).ready(function(){
    $('.btn a').click(function(){
        $('.btn a').removeClass('active');
        $(this).addClass('active'); 
        var i = $(this).parent().index();
        $('.bwrap > div').fadeOut(0);
        $('.bwrap > div').eq(i).fadeIn(0);
    });
});

2. 정처기 준비

데이터 통신개요, 네트워크의 주소체계 및 표현, 프로토콜의 이해

 

3. 백준 1000번(_넘 졸려여..쉬운것..ㅎ헿)

package algorithm;

import java.util.*;

public class sum {

public static void main(String[] args) {
// TODO Auto-generated method stub
Scanner scan = new Scanner(System.in);

System.out.println("더할 숫자를 입력하세요.");
int a = scan.nextInt();
System.out.println("더할 숫자를 입력하세요.");
int b = scan.nextInt();

System.out.println("답은 : "+ (a+b));
}

}

 

4. 하둡필기

firewalld 서비스 상태 확인.
systemctl status firewalld.service

firewalld 서비스 중지.
systemctl stop firewalld.service

firewalld 서비스 비활성화.
systemctl disable firewalld.service

firewalld 서비스 상태 확인.
systemctl status firewalld.service


출처: https://ksmk.tistory.com/59 [마구잡이 ITssue]

etc는 각각의 파일들이 들어감
/etc/hosts에 호스트 들어있음

Remote Synchronization

//yesterday wished to today list

. 활발하기✔

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

. 성숙해지기✔

. 알고리즘 문제 하나 시도하기✔

 

tomorrow wish list

. 활발하기

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

. 성숙해지기

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

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

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

22년 3월 5일_C언어 첫 수강  (0) 2022.03.06
22년 3월 4일_부글부글.. 저 무능한 강사는 목을 매우 처라  (0) 2022.03.05
22년 3월 2일_Done..!!!, 이것이 자바다 책, 소인수분해,웹 탭바  (0) 2022.03.02
22년 3월 1일_휴일.. 달콤하구만. 마이야르키친을 넘 가고싶다..  (0) 2022.03.01
22년 2월 28일_ 2월의 마지막 날  (0) 2022.02.28

'IT To do and To was' 관련글

티스토리툴바