밑끝없로그

웹크롤링을 하기위해 Selenium부터 차근차근 공부하려고 합니다. Beautiful Soup와 비교했을 때 속도는 더 느리다고 하지만 이해하기도 쉽고 더 많은 것을 구현할 수 있을 것 같습니다. 둘다 사용해서 적절하게 조합하면 좋겠지만 그정도의 코딩 실력이 안되네요ㅠ.. 1. Selenium이란? Selenium이란 웹 응용프로그램을 테스트하는 도구로 버튼을 누르거나 내용을 불러오며 기타 기능이 정상적으로 작동하는지를 테스트하기 위한 라이브러리입니다. 2. 연습하기 (1) Chrome실행과 Title, url 정보 얻기 from selenium import webdriver from selenium.webdriver.common.keys import Keys driver=webdriver.Chrome(..

조금더 편하게 컴퓨터 작업을 하고 업무를 하기 위해서 파이썬을 공부하기로 맘을 먹었어요. 파이썬을 검색하는데 너무 다양한 자료가 나와서 무엇을 해야하나 고민하고 찾아보는데만 일주일이 넘게 소요된 것 같네요. 처음 목표는 웹크롤링을 목표로 잡았고 블로그 자동 포스팅 기능을 구현해보는 것이 목표입니다! 1. 웹크롤링이란? 우리가 사용하고 있는 웹서버상에서 원하는 데이터를 수집하는 프로그램이예요. 예를 들어 특정 키워드를 포함한 뉴스를 스크랩할 수 있으며, 원하는 키워드로 사진을 스크랩할 수 있는 프로그램이라고 보시면 됩니다. 2. 라이브러리 웹크롤링 코딩을 하기 위해서 보통 Beautiful Soup 와 selenium 라이브러리를 사용하게 됩니다. Beautiful Soup는 HTML에서 원하는 데이터를 ..

input 값이 있을때나, 포커스가 갔을때 label값을 hide 해줍니다. $("input#search_word").each(function(){ var labelID = $(this).attr("id"); if( $(this).val().length === 0 ){ $(this).siblings("label[for="+labelID+"]").show(); }else{ $(this).siblings("label[for="+labelID+"]").hide(); } }).on({ focus: function(){ var labelID = $(this).attr("id"); /*console.log(labelID);*/ $(this).siblings("label[for="+labelID+"]").hide()..

1. python 홈페이지에 접속한다. [ DOWNLOADS ] - [ Python 3.7.6 ] https://www.python.org/downloads/release/python-376/ Python Release Python 3.7.6 The official home of the Python Programming Language www.python.org 2. 나는 windows, 64bit 환경이므로 Windows x86-64 executable installer으로 다운 받는다. 3. 설치파일을 관리자 권한으로 실행한다. 4. 커스터마이즈는 자신이 없어서 자동설치를 한다. Add python 3.8 to path를 체크하면 자동으로 패스를 지정해준다. 4. 파이썬 IDLE가 설치된다. 5. 잘..

이미지 클릭시 새창으로 이미지를 연다. HTML SCRIPT

노드 수에 맞게 이미지 가로 너비를 조절한다. HTML CSS .photo_box{display: inline-block;} .photo_box ul li {overflow: hidden; float: left; height: 160px; margin-right: 1%;} .photo_box ul li:only-child {width: 100%; margin-right: 0%;} .photo_box ul li:nth-last-child(2), .photo_box ul li:nth-last-child(2)+li {width: 49%;} .photo_box ul li:nth-last-child(3), .photo_box ul li:nth-last-child(3)~li {width: 32%;} .photo_b..

게시글 등록자 이름 마스킹하기 1. 성만 공개하는 형식 ex)김OO if($_SYSTEM['permission']['admin']!=true) { $buffer['reg_name'] = preg_replace('/(.{1})(.*?)$/su','$1○○',$buffer['reg_name']); } $writer = $buffer['reg_name']; 2. 가운데 이름만 공개 하는 형식 ex) O정O if($_SYSTEM['permission']['admin']!=true) { $data['reg_name'] = preg_replace('/.(?!.$)/u','$1○',$data['reg_name']); } $writer = $data['reg_name']; 겨우 두어달전에 정규표현식 교육을 들었는데....

PC에서의 버튼은 마우스오버 효과로 hover를 준다. 모바일은 마우스가 없어 hover를 구현할 수 없어서, active 가상선택자를 이용해서 클릭될때 약간의 움직임을 주면서 눌렸다는 느낌을 준다. 소스코드 html 버튼 1 css .btn { display: inline-block; border-radius: 3px; text-decoration: none; color: #fff; border-bottom: 2px solid #ccc; transition: background 0.12s ease; } .btn:active { position: relative; top: 2px; margin-bottom: 2px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.42); } ..

원하는 시간 후에 알람을 해주는 타이머도 구현이 가능하고, 호출을 원하지 않을때에도 타이머를 통해 그 기능을 제거 할 수도 있다. 한번의 호출만을 할 수 도, 지정한 시간마다 호출할수도 있다. setTimeout()과 clearTimeout() setTimeout(callback, delay) callback에는 함수가, delay에는 시간이 들어간다.delay에는 1/1000초 단위를 쓰며, 해당 시간 뒤에 매개변수 callback 함수가 호출된다. 예를들어 setTimeout(function(){ alert(‎'1초 후 호출 된다.'); }, 1000); 위 코드를 실행하면 1초 후 alert(‎)함수가 호출 된다. 이때 setTimeout() 함수는 고유의 index 값을 반환해주며, 함수를 생성할..

자바스크립트로 개발하면 각각 브라우저 별로 코드를 다르게 작성해야하고 결과도 각각 확인해야한다. 이런 크로스브라우징의 어려움 때문에 그 부분이 해결된 jQuery를 사용한다. 제이쿼리 언어는 자바스크립트에서 파생된 언어이기 때문에 자바스크립트를 어느정도는 알아야 jQuery 공부를 할 수 있다. 변수 변수는 이름을 정하고 그 이름을 통해 값을 저장하거나 읽어들일 수 있다. 선언했던 변수에 다른 값을 저장하면 기존 값은 사라지면서 대체 된다. var a ; var은 변수를 선언, a는 변수의 이름 이고 ; 세미콜론을 붙여 구문의 끝이라는 표시를 해주어야 한다. a = 10; 변수에 값이 할당 된다. 10이라는 값을 할당해 주기 전까지는 undefined라는 초기값을 갖는다. var b = "april"; ..

올해 봄에만 해도"자바스크립트는 '자바'라는 글자가 들어가니까 '자바'의 일종인 언어구나!" 라고 오해했었다. 공부한지 조금 지난 지금에서 보면 왜 이름에 자바가 들어가는지 이해가 안된다. 최초 이름은 Mocha 모카였고 단 10일만에 만들어낸 언어라고 한다. 그 당시에 가장 핫한 언어가 자바였기 때문에 어떻게든 연관 시키고 싶어서 그렇게 되었다고 선생님이 말씀해주시긴 했다. 자바스크립트가 처음 출현했을때는 한참 브라우저 별로 각자 다른 기능을 제공하던 시기여서 근본 없는 언어라는 오명을 받았지만 2005년에 Ajax가 발표되고 동적 웹사이트가 인기를 끌면서, 자바스크립트가 다시 뜨게되었고, jQuery, Prototype.js 와 같은 라이브러리들이 나오게 되었다. 그 후 2009년 자바스크립트의 새로..

시멘틱 웹 이란? 검색엔진이 좋아하는 웹 사이트가 있다. html5의 문서 구조는 우선 기존 html이 웹 문서 구조를 표현하는 태그가 없다는 한계를 극복해낸 구조이며 검색엔진이 좋아하는 웹 페이지를 작성하기 위한 필요성이 나타나면서 중요해지면서 문서 구조화가 등장했다. 사이트의 가치를 올리기 위해서 검색 엔진이 좋아하는 웹사이트의 구조로 작성해야 한다. 예를들어 , , , , , 등의 태그는 문서의 구조와 의미를 표현한다. 웹에서 검색을 했을때 웹페이지의 해당 코드를 찾아 그 정보를 기반으로 의미 있는 내용이 출력되도록 하며 그런 웹을 시맨틱 웹이라고 한다.- 시맨틱 태그 : head, section, article, main, summary, mark, time- 시맨틱 웹 : 웹 문서를 구조화하여 ..

몇 달전에 배운 HTML 리마인드를 위해서 복습하는 겸, HTML5 기본문서의 기본태그를 총정리 하였다. 1. : HTML5 임을 브라우저에게 지시하며 맨 첫줄에 선언. 2. HTML5필수태그 : , , , 1) HEAD : CSS스타일, 자바스크립트, 메타태그들이 위치2) BODY : 자바스크립트 코드를 포함 할 수 있으며 HTML 구조 및 내용3) TITLE : 웹페이지의 제목으로서 브라우저의 상단 바에 출력되며 HEAD내에 작성 3. 주석문 : 브라우저에 출력되지 않음 4. 본문 소제목 태그 부터 까지 6단계의 소제목을 표현 한다. ex) h1 소제목 입니다. h2 소제목 입니다. h3 소제목 입니다. h4 소제목 입니다. h5 소제목 입니다. h6 소제목 입니다. *본문 Tooltip 달기 h1 ..

HTML5 ? 지금까지도 웹개발자, 웹 퍼블리셔들은 브라우저에 따라서(같은 브라우저라고 할지라도 버전에따라) 화면에 다르게 출력되어 다른 코드를 작성하기도하고 문제점이 많다. 초기 HTML이 개발되었을때 마구잡이로 브라우저들이 나왔고 웹 페이지에 플러그인 기능이 들어가게 되면서(지긋지긋한 Active-X..) 표준화 되지않은 기술들이 브라우저에 혼재되어 html의 호환성이 더더욱 무너져버렸다. 스마트폰과 태블릿 기기들은 플러긴 같은 비표준기술을 수용할 수 없기때문에 모바일이나 PC에서 모두 사용가능케하는 범용 웹 표준 개발이 필요해졌고, W3C와 하이퍼텍스트 워킹그룹에서 HTML5의 표준을 만들게 되었다. 웹페이지를 Structure, Presentation, Behavior을 분리해서 개발하도록 htm..

웹 서버와 웹 사이트 차이는? 우리는 크롬이나 익스플로러, 사파리와 같은 '웹 브라우저'를 통해 정보를 전송 받거나 정보를 요청한다. 그 때 웹 브라우저로 부터 요청을 받아 정보를 전달하거나 웹프로그램을 작동하고 전송하는 것이 웹 서버 소프트웨어의 기능이다. 예를 들어 아파치, ngix, IIS, Google Web Server 등이 있다. 그리고 이러한 '서버 소프트웨어를 개발자' 입니다~ 할때는 이 웹 서버 응용프로그램을 개발한다는 뜻이고 유저에게 다양한 서비스를 제공 할 수 있다. PHP, C, c++, Java Servlet, JSP, Node.js등의 언어가 대표적이다. 웹이란?웹은 영국출신 과학자 팀 버너스리 Tim Berners-Lee에 의해 발명되었다. 웹이 없는 당시에는 이메일과 ftp를..