웹개발 7

크롤링

웹페이지 내에서 내가 원하는 정보만 가져오는 방법from bs4 import BeautifulSoupimport requestsurl = "크롤링하려는 웹사이트 주소"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') # 선택자를 사용하는 방법 (copy selector) soup.select('태그명') soup.select('.클래스명') soup...

웹개발 2024.09.12

파이썬에서 반복문, 함수

반복문파이썬의 반복문은 for each 가 아닌 for in 을 사용ages= [5 ,15,20,16,22,12]   #ages라는 이름의 리스트for age in ages  #ages안의 5,15,20,16,22,12를 age라고 하고, ages안의 age들은if age>20 :print("성인입니다.")else: print ("청소년입니다.")  #if, else의 조건문을 사용하여 20살 넘으면 성인입니다, 그 외에는 청소년입니다-> 결과물청소년입니다.청소년입니다.청소년입니다.청소년입니다.성인입니다.청소년입니다. 만약 결과물을 "22살은 성인입니다." 형태로 출력하고 싶다면?print("성인입니다.") 대신 print(f"{age}살은 성인입니다.") 이렇게 쓰고싶은 말 앞에 f를 붙이면 된다. 함..

웹개발 2024.09.10

javascript, jquery 문법연습

누군가가 만들어둔 기능을 가져다 써도 되지만,function 을 이용해서 원하는 함수를 만들 수 있다.$('#아이디값 ') -> 아이디값이 부여된 바로 그것을 지칭하기 위해 사용입력출력div class="button-part">        button onclick="checkResult()">결과 확인하기!button>div>script>    function checkResult(){        alert('안녕하세요!')     }script>결과 확인하기! 라고 써 진 버튼이 있고결과 확인하기!그 버튼을 누르면(onclick) checkResult가 실행이 되는데 결과 확인하기! checkResult의 기능은 '안녕하세요' 라는 경고창을 띄우는 것function checkResult(){ al..

웹개발 2024.09.08

조건문 ,반복문

조건문if, else 구조if (조건) {결과1} else {결과2}조건을 만족하면 결과1을 출력, 만족하지 않으면 결과2를 출력 let age =25if (age>20) {     console.log('성인입니다') } else {      console.log('청소년입니다')  }->나이가 25세이므로 '성인입니다' 가 출력됨 반복문리스트.foreach(element => { 출력하고 싶은 내용 } )element는 리스트 안의 내용물 하나하나를 의미한다.각 element들이 차례로 출력하려는 내용에 들어가서 결과값이 나온다.예를 들어 위에서 썼던 조건문을 응용하면let ages=[12,26,14,40,3,29]ages.forEach(element => {    if (element>20) {  ..

웹개발 2024.09.07

Javascript 기본문법-변수, 연산, list, dictionary

입력출력설명let num=20;console.log(num)20num이 변수console.log( ) 안에 변수를 넣으면 값이 출력됨let num='Bob';console.log(num)Bob숫자가 아닌 문자열도 출력 가능하다. 대신 ' ' 작은따옴표 사용let a=1let b=2console.log(a+b)console.log(a/b)30.5연산도 가능하다let first='Bob'let last='Lee'console.log(first+last)cosole.log(first+' '+last)console.log(first+a)BobLeeBob LeeBob1문자열끼리 더해주기도 가능하고문자-공백-문자 순으로 출력되게 써줄수도 있다문자+숫자 형식으로도 나오게 할 수 있다let num1=20let num2..

웹개발 2024.09.05

class, id, flex

DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>로그인페이지title>    style>        .mytitle {            color: red;            fond-size: 40px;        }        #id {            color: blue;        }        .mytxt {            color:red;        }        .mybtn {            color: white;            background-..

웹개발 2024.09.04

Visual studio code 단축키 및 유용한 확장프로그램

단축키Shif + Alt + F :코드 자동정렬Alt + B :작성한 코드를 기본 웹브라우저로 열기Ctrl + / : 주석달기주석은 읽히지는 않지만 개발자는 코드를 열어보면 읽을 수 있음 자신이나 개발자 동료를 위해 달아두는것Ctrl + D : 같은 단어, 같은 코드를 한번에 선택Alt + ↓ 또는 ↑ : 코드를 한 줄 아래나 위로 이동 (잘라내기 해서 붙여넣기와 동일) Alt + Shift + ↓ 또는 ↑ : 동일한 코드를 아래나 위로 복사 (복사해서 붙여넣기와 동일) 확장 프로그램[HTML]open in browser 개발자는 현재 편집 중인 파일을 선택하고, 해당 파일을 특정 웹 브라우저로 열 수 있습니다.Auto Close Tag 태그의 중첩 구조를 명확하게 파악하여 문법적인 오류를 방지하고, 코..

웹개발 2024.09.04