레드아이

nmcliFirst, type “nmcli d” command in your terminal for quick list ethernet card installed on your machine:“nmcli d” command outputType “nmtui” command in your terminal to open Network manager. After opening Network manager chose “Edit connection” and press Enter (Use TAB button for choosing options).CentOS_7 Network manager screenNow choose you network interfaces and click “Edit” Edit your netw..

1. yum groupinstall "X Window System"2. yum install gnome-classic-session gnome-terminal nautilus-open-terminal control-center liberation-mono-fonts3. unlink /etc/systemd/system/default.target4. ln -sf /lib/systemd/system/graphical.target /etc/systemd/system/default.target5. reboot

이번 웹페이지 기획은 네이버, 다음, 카카오페이지 등의 그날 나온 웹툰들을 모두 모아 한꺼번에 보고자 시작하였다. 그런데 하다보니 다음과 카카오페이지는 자바스크립트를 통해 각각의 객체를 불러오는거 같았다. 그래서 소스를 긁어오지 못하였다. 이부분은 버전 2 나 추후 추가할 예정이다. 이렇게 네이버만 새로운것이 나오니 허전하여서 내가 자주보는 목록을 추가하여 바로바로 볼 수 있게 하자는 생각이 들었다. 하지만 여기서도 문제점이 지정한 목록들을 저장 할 수 있는 곳이 없어서 새로고침을 하면 목록이 다 없어졌다. 이를 위해서 쿠키나 세선, 데이터베이스등을 이용할 예정이다. 이것도 버전 2 부터 진행 할 것이다. 전체적인 틀을보면 node.js를 통해 네이버의 전체웹툰 목록과 그날 나온 웹툰들을 목록을 JSON..

1 1-1 1-2 1-3 1-4 1-5 1-5 1-6 1-7 1. eq 필터 셀렉터 $(function(){$('#indexFind > li:eq(3)').css('color', 'red');}); 2. gt 필터 셀렉터 $(function(){$('#indexFind > li:gt(3)').css('color', 'red');}); 3. lt 필터 셀렉터 $(function(){$('#indexFind > li:lt(3)').css('color', 'red');}); 4. has 필터 셀렉터 $(function(){$('#indexFind > li:has(p)').css('color', 'red');}); 5. not 필터 셀렉터 $(function(){$('#indexFind > li:not(.not..

1 1-1 1-2 1-2 1-3 2 2-1 2-2 2-3 2-4 2-5 2-6 1. 속성으로 엘리먼트 찾기Atrribute(속성)dml 이름과 값으로도 엘리먼트를 찾을 수 있다. '[name=value]' 형식으로 사용해주면 된다. 예제에서는 title속성의 attributeFind인 것을 찾아서 빨간색으로 변경하라는 의미이다. $(function(){$('[title=attributeFind]').css('color', 'red');}); 2. first 필터 셀렉터이제부터 나오는 필터들은 현재 형제엘리먼트중 특정 엘리먼트를 선택하기 위하여 쓰인다. first 필터 셀렉터는 형제엘리먼트중 제일 위에 있는 엘리먼트를 사용하기 위하여 사용된다. :first 를 사용한다. 예제에서는 1-1이 선택될 것이다...

JQuery는 자바스크립트의 인기있는 라이브러리 중 하나이다. 현재 국가에서 지정을하여 국가 제품을 만들 때 자바스크립트 라이브러리를 사용하려면 Jquery를 사용해야 한다고 한다. JQuery는 코드보기, 문서 객체 모델 찾기, 애니메이션 만들기, 이벤트 제어, Ajax 개발을 쉽게 할 수 있도록 디자인되었다. 여기에서는 각각의 함수들의 예시와 함께 이것을 실행시켰을때 어떻게 결과화면이 나오는지 눈으로 확인을 해보며 함께 공부해보고자한다. 틀린 부분이 있거나 더 좋은 코드를 조언해주실 분들은 댓글 부탁드립니다. HTML코드에서 JQuery를 사용하기 위해서 script태그를 이용한다. $(function(){});은 HTML문서를 다 읽고 후에 실행하겠다 라는 의미이다. 예제들은 이 함수안에서 작성할것..

이번장에서는 Element들을 찾아볼 것이다. Element를 찾기위해서는 id, class를 이용하는방법이 가장 기본적으로 사용되며 이외에 자식, 자손, 형제 element찾기, 순서대로 찾기, 특정 태그를 포함한 element찾기등 다양한 방법이 존재한다. 일단 가장기본적인 id, class이용하기, 자식,자손,형제 element찾기를 시작해보자. 밑은 오른쪽의 코드를 작성하면 어떻게 작동하는지 보기위한 도구이다. 실행과 되돌리기 버튼을 눌러보면서 재밌게 공부해보자~! 01_아이디로_엘리먼트찾기 1 1-1 1-1-1 1-1-2 1-2 1-3 1-3-1 2 2-1 2-1-1 2-1-1-1 2-1-1-2 2-1-1-3 2-1-1-4 2-1-1-5 1. id를 이용하여 엘리먼트찾기$('#idname')id..

이런 느낌으로 만들고자 한다. 맨위에는 내가 보고싶은 웹툰들을 선택하는 곳이다. 처음 중식이 있는 부분은 네이버, 다음, 카카오페이지 등 홈페이지를 선택하고 뒤에 선택부분에 각각의 웹툰을 선택한다. 클릭부분에서 웹툰을 하나씩 추가한다. 삭제버튼도 하나 만들 예정이다. 한식 중식 일식 양식 위의 소스는 맨 윗부분 웹툰을 선택하는 select부분이다.예제는 한식,중식 을 예제로 만들었다. 지금까지 한것은 json포맷으로 업데이트 된것 받아오기, html틀 약간을 하였고이제 json 포맷과 html을 연결하는 부분을 해보자 한다.

ID 가 hidden 인 곳의 html 코드를 읽어들여 ID가 wrapper 인 곳에 똑같이 써넣으시오$(function(){var h = $('#hidden').html();$('#wrapper').html(h);}); append() 특정 위치의 자식들 중 맨 뒤에 특정 내용을 넣으시오$(function(){var target = $('#warpper > ul > li:eq(2) > ul');var ele = '3-5'; target.append(ele);}); prepend() 특정 위치의 자식들중 맨 앞에 특정 내용을 넣으시오$(function(){var target = $('#warpper > ul > li:eq(2) > ul');var ele = $('#warpper').next(); targ..

저번에 한것을 기준으로 몇가지 기능을 추가하였다.첫번째로 시간을 입력받아서 요일별 페이지로 들어가 업데이트 된 목록들을 불러왔다.네이버 같은 경우는 전날 밤 11시부터 올라오기 시작하므로 기준시간에서 1시간을 더하였다. 그리고 다음이나 카카오페이지의 웹툰같은경우는 소스코드 보기에서 목록들의 내용이 나오질 않았다. 그래서 이부분은 좀더 고민해봐야 할것 같다. 그리고 데이터를 JSON포맷에 맞게 출력하도록 하였다. console.log를 통하여 출력을 되지만 많이 부족한 점이 많아서 이부분또한 앞으로 고쳐갈 것이다. ///////////// 요일 전체에서 받아오는 것 var request = require('request');var cheerio = require('cheerio'); var days = [..