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

22년 2월 22일_2~이~ 2의 날, Xshell, 서버 설정, 이것이 우분투 리눅스다 속독, jQuery 기초코딩 ,

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

서버는 ipaddres가 변하면 안되기에 고정시켜야함화요일[스트레스 받지 않는 사람이 되었으면..]

1. 서버 설정

설정파일을 바로 적용하는 명령어 sourece vi 
(작성)		 sh name.sh
shscript 준거임
bash name.sh
프로세스를 확인하는 명령어 ps MYPRJ=hello
공백 x("이건 가능")
전체를 보고싶을 땐  ps -e 시스템 컨트롤 웹서비스를 실행시킬 경우
systemctl start apache2
전체 봇이 다나옴 ps-f
ps-l		 상태화긴
systemctl status apache2
시스템 전체의 프로세스 내용을 볼 수 있음 ps -f -e 중지
systemctl stop apache2
시각적으로 확인 pstree 재시작
systemctl restart apache2
프로세스 아이디까지 확인 pstree -p 서비스을 보고싶을때는
systemctl -t service 
시스템 상태를 모니터링 top 잠깐들어가는것
sudo systemctl isolate multi-user.target
종료 안되는 루프 yes 아예 설정을 하는 것
sudo systemct set-default multi-user.target
해당 루프 종료 kill (*PID) - 해당 프로세스 종료
* top에서 확인한 프로세스 아이디 숫자		 서버는 ipaddres가 변하면 안되기에 고정시켜야함 nmcli
nmcli g
네트워크 상태 w?
nmcli n
nmcli n off
nmcli n 
nmcli n on
강제종료 kill -9 (PID) 서브명령
디바이스(ram card)확인		 nmcli d
잠시 멈춤 sleep 60 (60초동안 멈춤) 커넥션 nmcli c
nmcli c s
nmcil c s '유선 연결 1'
커넥션을 갖다가 끼는거?
nmcli c down '유선 연결 1'
nmcli c up '유선 연결 1'
대문자는 디바이스인듯
멈춤 해체 ctrl+z 아이디를 바꾸는 것 nmcli c mod '유선 연결 1' connection.id aaa
수행되지 않았던 거 확인 jobs 고정ip설정 nmcli c mod '유선 연결' ipv4.method manual \
재 수행 fg &n (해당번호 실행)
※n은 숫자이며 jobs에 보였던 왼쪽[n]숫자		 nmcil c mod '유선 연결 1' ipv4.metho manual \
ipv4.addresses 10.0.2.31/24 ipv4.gateway \
10.0.2.1 ipv4.dns 8.8.8.8
백그라운드 동작 bg %n 네트워크 커넥션 정보를 바꿨기에 다시 실행을 해야함  nmcli c down '유선 연결 1' && nmcli c up '유선 연결 1'
백그라운드에서 동작 sleep 240 &   
우분투는 기본 쉘이 bash임 bash test.sh

 

2. 이것이 우분투 리눅스다 속독

20:00 ~

 

3. jQuery 수강

slideDown(시간) 문서객체를 시간동안 아래로 내려오면서 보여주는 메서드

slideUp

fadeIn(시간) 문서객체를 시간동안 투명도 조절하며 보여주는 메서드

fadeOut

 

div안에 box1,2,3 생성

css파일에서 div{ position : absoulte; top: 0; left: 0;  display: none;}

js에서

$(document).ready(fundtion(){

$(div).first().fadeIn(0);

 

var num =0;

 

setInterval(function(){

 

},2000);

 

});

 

3.

html css js
<!DOCTYPE html>
<html lang="ko">
    <head>
    <meta charset="UTF-8">
    <title>박하률</title>
    <style>
        div{
            width: 300px; padding: 10px;
            border: 3px solid black;
        }
        img{
            width: 300px; padding: 50px;
            border: 2px solid pink;
        }
        </style>
        <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>
    <h1>제목태그</h1>
    <p class ="text">문단태그</p>
    <p class ="test1">문단태그</p>
    <ul>
        <li class="up">hi</li>
        <li class="left">hi</li>
        <li class="right">hi</li>
        <li class="down">hi</li>
    </ul>
    <div class="object">
        <h4>이거 누르면 위로 </h4>
        <p>hi</p>
    </div>
</div>
   <h3>
       로고
   </h3>
   <h2>클래스메서드 적용</h2>
   <h2>클래스메서드 적용</h2>
   <h2>클래스메서드 적용</h2>
   <lu>
       <li><a href="#">안녕</a></li>
       <li><a href="#">안녕</a></li>
       <p class=rube><img src="imges/KakaoTalk_20220218_155642598.jpg" alt="루비"></p>
        </lu>
   <select name="" id="">
       <option>루비 귀여워</option>
       <option>루비 사랑스러워</option>
       <option>루비 예뻐</option>
   </select>
    </body>
</html><!--ctrl + shfit +/-->		 .active{
    color : blueviolet;
    text-align: center;
}
p{
    border: 3px solid green;
    color: blanchedalmond
}
.object{
    position: absolute; left: 220px; top: 220px;
}
.rube{
    position: absolute; left: 220px; top: 440px;
}		 $(document).ready(function(){
                 //태그선택
    $('h3').click(function(){
        $(this).css('color','red');
    });
         //클래스선택
    //마우스 엔터 -마우스 올렸을 때
    $('.text').mouseenter(function(){
        $(this).css('color','green');
    });
                          
    //마우스 리브
    $('.text').mouseleave(function(){
        $(this).css('color','hotpink');
    });
    $('h1').css('color','yellow');
    $('h2').addClass('active');
    $('h2').last().removeClass('active');
    $('h2').eq(1).css('color','blue');
    $('h2').parent().css('border','3px solid green'); //parentdiv선택
    $('h4').click(function(){
       $('p').slideUp(300); 
    });
    
    $('h4').click(function(){
       $('p').slideDown(300); 
    });
    $('.up').click(function(){
       $('.object').animate({
           top: '-=20px'
       },200); 
    });
    $('.up').click(function(){
       $(this).css('color','red'); 
    });
      $('.down').click(function(){
       $('.object').animate({
           top: '+=20px'
       },200); 
    });
      $('.left').click(function(){
       $('.object').animate({
           left: '-=20px'
       },200); 
    });
      $('.right').click(function(){
       $('.object').animate({
           left: '+=20px'
       },200); 
    });
    setInterval(function(){
        $('.rube').animate({
            left: "+=5px"
        },300);
    },1000);
                  });

 

//yesterday wished to today list

. 인내심기르기 ✔

. 평생 걸러서 말하기 ✔

. 수업에 열정과 확신을 가지고 나대지 않기 

. jQuery 기초코딩편 완독 ✔

. 이것이 우분투 리눅스다 read 😥_2/5정도 함

 

tomorrow wish list

 

. 걸러서 말하기

. 웹디 수강

. 거북이 모양 만들기

728x90
반응형
저작자표시

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

22년 2월 24일_3일 연휴가 나를 기다린다 미니프로젝트 설계, 웹디실기 공부  (0) 2022.02.24
22년 2월 23일_리눅스 마지막, 웹 디자인 기능사 실기 기초  (0) 2022.02.23
22년 2월 21일_리눅스 파티션나누기, 하드디스크 추가, mount, 패키지 설치, 파일 압축 및 풀기(+eclipse 설치, 웹디자인기능사 실기 3번째 이야기  (0) 2022.02.21
22년 2월20일_벌써 2월 넷째 주네.., CSS기초코드  (0) 2022.02.20
22년 2월 19일_점점 안정이 되어가는 거 같다.(염따가 부릅니다. 아마두)  (0) 2022.02.19

'IT To do and To was' 관련글

티스토리툴바