[자바스크립트] meta태그 스크래핑 예시 meta tag 스크래핑 예시 import requests from bs4 import BeautifulSoup url = 'https://movie.naver.com/movie/bi/mi/basic.nhn?code=171539' headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'} data = requests.get(url,headers=headers) soup = BeautifulSoup(data.text, 'html.parser') title = soup.s..

[노마드코더 - 바닐라JS로 크롬앱 만들기] localStorage 기능 localStorage를 통해 값을 저장하여 화면을 새로고침하거나 재접속 해도 저장된 값을 기억해 낸다. const loginForm = document.querySelector("#login-form"); const USERNAME_KEY = "username"; const username = loginInput.value; localStorage.setItem(USERNAME_KEY, username); const savedUsername = localStorage.getItem(USERNAME_KEY); if(savedUsername === null) { loginForm.classList.remove(HIDDEN_CLASSN..

[노마드코더 - 바닐라JS로 크롬앱 만들기] envent 막기, submit 새로고침 막기, preventDefault(); function onLoginSubmit (event) { event.preventDefault(); console.log(event); }; preventDefault : 어떤 event의 기본 행동이 발생되지 않도록 막음 주로 사용되는 경우는 1. a 태그를 눌렀을때도 href 링크로 이동하지 않게 할 경우 2. form 안에 submit 역할을 하는 버튼을 눌렀어도 새로 실행하지 않게 하고싶을 경우 (submit은 작동됨) 출처: https://programming119.tistory.com/100 [개발자 아저씨들 힘을모아] consol.log(event); --를 통해 S..

[노마드코더 - 바닐라JS로 크롬앱 만들기] HTML에서 required속성, maxlength 속성 1. input태그의 required속성 input태그에 필수값 적용을 위한 속성으로 form 태그의 자식요소로 있을 때 적용된다. required 속성이 제대로 동작하는 요소의 type 속성값은 다음과 같다. - checkbox, date, email, file, number, password, pickers, radio, search, tel, text, url required 속성은 불리언(boolean) 속성 불리언 속성은 해당 속성을 명시하지 않으면 속성값이 자동으로 false 값을 가지게 되며, 명시하면 자동으로 true 값을 가지게 된다. 출처 : http://tcpschool.com/htm..

CSS기초 CSS 복합 선택자 -일치 선택자 ABCXYZ : 선택자 ABC와 XYZ를 동시에 만족하는 요소 선택 // (태그+클래스) span.orange { color: red; } 오렌지 -자식 선택자 ABC > XYZ : 선택자 ABC의 자식 요소 XYZ ul > .orange { color: red; } 오렌지----O 오렌지--X -하위(후손)선택자 ABC XYZ : 선택자 ABC의 하위요소 XYZ 선택. '띄어쓰기'가 선택자의 기호! div .orange { color: red; } 오렌지----O 오렌지--O 오렌지--X -인접 형제 선택자 ABC + XYZ : 선택자 ABC의 다음 형제 요소 XYZ 하나를 선택 선택자 li 중 orange class를 가지고 있는 요소의 다음 형제 요소 하..

CSS기초 CSS 기본 선택자 - 전체선택자 * : 모든 요소를 선택 * { color: red; } html의 모든 요소의 색을 빨간색으로 - 태그선택자 ABC : 태그 이름이 ABC인 요소 선택 li { color: red; } 입력된 태그만 적용 - 클래스 선택자 .ABC : HTML class 속성의 값이 ABC인 요소 선택 .orange { color: red; } 오렌지 오렌지 orange클래스의 글자색을 빨간색으로 변환 - 아이디선택자 #ABC : HTML id속성의 값이 ABC인 요소 선택 #orange { color: red; } id="orange" class="orange">오렌지 id가 orange인 요소의 글자색을 빨간색으로 변환