Lpla 개발 블로그

JavaScript/기초

[JavaScript] 함수 정리(1)

함수 선언 function name(parameters) { // 내용 } 함수 호출 function sayHello() { alert( '안녕하세요!' ); } sayHello(); 지역 변수 함수 안에서 선언한 변수는 해당 함수 안에서만 호출 할 수 있다. function sayHello() { let message = "안녕하세요!"; alert( message ); } sayHello(); alert( message ); // ReferenceError: message is not defined 전역 변수 함수 밖의 변수를 함수 안에서 호출 할 수 있다. let userName = 'Minsu'; function sayHello() { let message = 'Hello, ' + userName..

일상

로지텍 키보드/마우스 AS 방법

처음 로지텍에 AS 보내려고 공식 사이트에 접속했을 때 허술하고 불친절한 안내에 놀란 적이 있습니다. 공식 사이트에 있는 링크를 타고타고 들어가도 문의 게시판을 찾을 수 없습니다. 최근 공식 사이트에 채팅 기능이 생겨서 사용해봤지만 답장이 매우 느려서 추천하지 않고 결국 전화로 접수하는 것이 가장 빠릅니다. 로지텍의 AS절차는 악명 높습니다. 요즘 같은 시대에 소통 창구가 전화 하나밖에 없으며, 그마저도 외국인근로자로 추정되는 직원 한 명이 전부입니다. 로지텍 명성에 걸맞지 않는 벤처기업 수준의 AS라고 할 수 있습니다. 다행인 것은 직원분께서 친절하신 편이라 AS 접수하는 것은 귀찮을 뿐이지 크게 어렵지 않습니다. (규정은 까다롭습니다...) 저는 회사에서 사용하는 키보드/마우스가 모두 로지텍 제품이라..

Python

[Web Crawling] urlOpen과 urlretrieve

관련 정보 : https://docs.python.org/3.0/library/urllib.request.html urllib.request.urlretrieve를 이용한 다운로드 import urllib.request url = "http://uta.pw/shodou/img/28/214.png" savename = "test.png" urllib.request.urlretrieve(url, savename) print("저장되었습니다.") urlretrieve 함수를 통해 바로 파일(test.png)에 자료를 입력할 수 있습니다. urllib.request.urlopen을 이용한 다운로드 import urllib.request url = "http://uta.pw/shodou/img/28/214.png..

WordPress

AWS EC2에 Wordpress 간단 설치하기

AWS 계정만 있으면 서버에 워드프레스를 쉽게 설치할 수 있다. 서비스 -> EC2 로 이동한다. EC2 대시보드 아래 인스턴스 탭으로 이동한다. 처음에는 인스턴스가 없기 때문에 아무것도 없다. 상단 인스턴스 시작을 누른다. 좌측 AWS Marketplace를 클릭하고 검색창에 wordpress를 입력한다. 결과창에 워드프레스 종류가 많이 뜨는데 가장 상단에 있는 워드프레스를 선택한다. 제품 세부정보와 요금이 뜨는데 프리티어를 사용할 거라 제일 낮은 사양에 요금은 무료다. 프리티어 사용가능이라고 뜨는 t2.micro를 선택하고 나머지는 스킵한다. 인스턴스 구성 등 세부 설정은 필요한 상황이 생기면 그때그때 변경해주는 것이 낫고 우선 기본값으로 인스턴스를 생성한다. 시작하기를 누르면 키페어를 생성해야 한다..

WordPress

AWS 워드프레스 Bitnami 배너 제거

AWS EC2로 워드프레스를 설치하게 되면 우측 하단에 bitnami 배너가 항상 떠 있다. 이 아이콘은 관리자뿐만 아니라 사이트에 접속하는 모두에게 보이기 때문에 없애는 것이 좋다. putty로 서버에 접속한 뒤, 아래 명령어를 입력하면 배너가 삭제된다. sudo /opt/bitnami/apps/wordpress/bnconfig --disable_banner 1 EC2로 워드프레스를 설치하지 않았다면 bnconfig의 경로가 달라질 수 있다.

JavaScript/기초

[JavaScript] 중첩 반복문 빠져나오기

반복문을 사용하다보면 중첩 반복문을 한번에 빠져나와야 하는 경우가 흔히 발생한다. 일반적으로 반복문을 빠져나올 때 break를 쓰지만 반복문을 한 번 밖에 빠져나오지 못하는데, 이때 사용하는 것이 Label(레이블)이다. label: for (let i = 0; i < 3; i++) { for (let j = 0; j < 3; j++) { let input = prompt(`(${i},${j})의 값`, ''); // 사용자가 아무것도 입력하지 않거나 Cancel 버튼을 누르면 두 반복문 모두를 빠져나옵니다. if (!input) { break label; } console.log(input, i, j); } } alert('완료!'); label 자리에 다른 이름을 넣어도 된다.

JavaScript/기초

[JavaScript] 논리연산자

1. || (OR 연산자) 인수 중 하나라도 true라면, true를 반환한다. alert( true || true ); // true alert( false || true ); // true alert( true || false ); // true alert( false || false ); // false 반환 값이 true면 그 값을 반환하고, 피연산자가 모두 false면 마지막 피연산자를 반환한다. alert( 1 || 0 ); // 1 alert( null || 0 || 1 ); // 1 alert( undefined || null || 0 ); // 0 2. && (AND 연산자) 두 인수 모두 true라면, true를 반환한다. alert( true && true ); // true aler..

Python

[Web Crawling] Selenium 명령어

참고 : https://selenium-python.readthedocs.io/api.html 출처 : https://deepplin.blog.me/221512366470 1. Selenium으로 DOM요소 선택 - 요소를 찾지 못하면 NoSuchElementException 발생 이름 설명 처음요소를 추출 find_element_by_id(id) id속성으로 요소를 하나 추출 find_element_by_name(name) name 속성으로 요소를 하나 추출 find_element_by_css_selector(query) css 선택자로 요소를 하나 추출 find_element_xpath(query) xpath를 지정해 요소를 하나 추출 find_element_by_tag_name(name) 태그 이름..

웹디자인기능사

웹디자인기능사 실기 공개문제 - Green복지재단 (3)

이번 시간에는 C. Contents 영역과 D. Footer 영역을 제작하여 그린복지재단을 마무리하겠습니다. A. Header와 B. Slide에 비교하면 쉬운 편으로 자바스크립트로 작업해야 하는 부분 하나가 있지만 그마저도 간단합니다. 가장 신경써야할 부분은 C.1 공지사항의 모달 레이어 팝업창입니다. 웹디자인 실기 유형 정리에서 언급했듯이 공지사항의 첫번째 글을 클릭할 때 모달 레이어 혹은 레이어 팝업 중에 하나의 형태로 제작해야 합니다. 웹디자인기능사 실기 유형 정리 지난 3월에 있었던 웹디자인기능사 2019년 1회차 시험에 최종 합격했습니다. 웹퍼블리싱을 6개월 정도 공부한 저에게는 무난한 난이도였습니다. 실제 준비 기간은 시험이 있던 그 주 평일 월화수목금 총 5일이었.. lpla.tistory..

HTML&CSS

CSS로 스크롤바 숨기기

HTML Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolorum delectus harum molestias repudiandae sapiente ipsam, atque voluptatibus libero saepe dolorem beatae! Modi veritatis quidem delectus rem aut quod nihil molestias? Repudiandae, nam aperiam eveniet hic amet id quis aliquid molestias quo velit accusantium ea officiis at, labore corporis maxime consequatur neque fugiat qui ab dist..