스파르타코딩클럽

개발일지/Python

웹스크래핑(크롤링) 기초

requests , bs4 라이브러리가 필요 크롤링 기본세팅 import requests from bs4 import BeautifulSoup # 타겟 URL을 읽어서 HTML를 받아오고, 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) # HTML을 BeautifulSoup이라는 라이브러리를 활용해 검색하기 용이한 상태로 만듦 # soup이라는 변수에 "파싱 용이해진 html"이 담긴 상태가 됨 # 이제 코딩을 통해 필요한..

개발일지/웹개발

서버-클라이언트 통신 이해하기

서울시 OpenAPI에 접속해보기 http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99 크롬 익스텐션 JSONView를 설치하면 좀 더 편리하게 볼 수 있다. https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=ko JSON은 Key:Value로 이루어져 있음. 클라이언트 => 서버: GET 요청 이해하기 API는 은행 창구와 같은 것 같은 예금 창구에서도 개인 고객이냐 기업 고객이냐에 따라 가져와야 하는 것/ 처리해주는 것이 다른 것처럼, 클라이언트가 요청 할 때도 "타입"이라는 것이 존재 GET..

개발일지/JavaScript

split(), 조건문, 반복문

a.split('x') : a를 x를 기준으로 나누어 리스트 값으로 돌려줌 let myemail = 'abcdefg@gmail.com' let result = myemail.split('@') // ['abcdefg','gmail.com'] result[0] // abcdefg result[1] // gmail.com let result2 = result[1].split('.') // ['gmail','com'] result2[0] // gmail result2[1] // com myemail.split('@')[1].split('.')[0] // gmail function 함수이름(필요한변수들) { 내릴 명령들을 순차적으로 작성 } (괜찮으면) -> 4 -> 3 -> 2체크하고 -> (괜찮으면) -> ..

개발일지/DataBase

Union

Union Select를 두 번 할 게 아니라, 한번에 모아서 보고싶을 때 ex) 7월의 자료 select '7월', c1.title, c2.week, count(*) as cnt from courses c1 inner join checkins c2 on c1.course_id = c2.course_id inner join orders o on c2.user_id = o.user_id where o.created_at < '2020-08-01' group by c1.title, c2.week order by c1.title, c2.week 8월의 자료 select '8월', c1.title, c2.week, count(*) as cnt from courses c1 inner join checkins c2..

개발일지/웹개발

자주 쓰이는 CSS 연습하기

간단한 로그인 페이지를 만들며 css를 연습해보자. 로그인 페이지 아이디, 비밀번호를 입력해주세요 ID: PW: 로그인하기 배경(background)로 이미지를 사용하고 싶을 때 background-image: url("이미지 주소"); background-size: cover; background-position: center; 위 3줄을 세트로 많이 사용한다. 만들어둔 로그인 화면의 위치 조정할 때 width를 주고, margin: auto를 사용 (가운데)

개발일지/웹개발

HTML, CSS 기본 내용

HTML과 CSS의 개념 - HTML은 뼈대, CSS는 꾸미기 HTML은 구역과 텍스트를 나타내는 코드 CSS는 잡은 구역을 꾸며주는 것 HTML 내 style 속성으로 꾸미기를 할 수 있지만, 긴 세월동안 이것을 한데 모아 볼 수 있는 CSS 파일이 탄생 HTML 코드 내에 CSS 파일을 불러와서 적용합니다. HTML 기초 HTML은 크게 head와 body로 구성 head 안에는 페이지의 속성 정보 : meta, script, link, title 등 페이지의 속성을 정의하거나, 필요한 스크립트들을 부릅니다. 즉, 눈에 안 보이는 필요한 것들을 담는 것. body 안에는 페이지의 내용 : 실질적인 내용

개발일지/웹개발

서버/클라이언트/웹의 동작 개념

웹의 동작 개념 1. HTML을 받는 경우 우리가 보는 웹페이지는 모두 서버에서 미리 준비해두었던 것을 "받아서", "그려주는" 것 입니다. 브라우저의 역할은 1) 요청을 보낸다 서버가 만들어 놓은 "API" 라는 창구에 미리 정해진 약속대로 요청을 보낸다 2) 받은 HTML 파일을 그려준다 2. 데이터만 받는 경우 항상 HTML만 내려주는 것인가? 데이터만 내려줄 때도 있다 ex) 공연 티켓을 예매할 때, 좌석의 표가 팔릴 때마다 보던 페이지가 새로고침 되면 굉장히 불편 이럴 때, 데이터만 받아서 바꿔 끼운다

개발일지/DataBase

Select 쿼리문, Where 절 연습하기

1. 성이 남씨인 유저의 이메일만 추출하기 SELECT email FROM users WHERE name = '남**' 2. Gmail을 사용하는 2020/07/12~13에 가입한 유저를 추출하기 select * from users where created_at between "2020-07-12" and "2020-07-14" and email like "%gmail.com" 3. Gmail을 사용하는 2020/07/12~13에 가입한 유저의 수를 세기 select count(*) from users where created_at between "2020-07-12" and "2020-07-14" and email like "%gmail.com" 4. naver 이메일을 사용하면서, 웹개발 종합반을 신..

E-room
'스파르타코딩클럽' 태그의 글 목록