전체 글 94

[3주차] [#05] 웹스크래핑(크롤링) 기초

네이버영화 페이지 https://movie.naver.com/movie/sdb/rank/rmovie.naver?sel=pnt&date=20210829 랭킹 : 네이버 영화 영화, 영화인, 예매, 박스오피스 랭킹 정보 제공 movie.naver.com 패키지 추가 설치하기(beautifulsoup4) bs4 크롤링 기본 세팅 import requests from bs4 import BeautifulSoup # header 관련 설명은 구글링: bs4 header 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...

항해99 2022.10.14

[3주차] [#04] python 패키지 사용해보기

미세먼지 API http://spartacodingclub.shop/sparta_api/seoulair request 사용하기 import requests # requests 라이브러리 설치 필요 r = requests.get('http://spartacodingclub.shop/sparta_api/seoulair') rjson = r.json() 모든 구의 IDEX_MVL 값을 찍어주자! import requests # requests 라이브러리 설치 필요 r = requests.get('http://spartacodingclub.shop/sparta_api/seoulair') rjson = r.json() gus = rjson['RealtimeCityAir']['row'] for gu in gus: ..

항해99 2022.10.14

[3주차] [#03] python 패키지 설치하기

1) 파이썬 패키지(package) 설치하기 패키지? 라이브러리? → Python 에서 패키지는 모듈(일종의 기능들 묶음)을 모아 놓은 단위입니다. 이런 패키지 의 묶음을 라이브러리 라고 볼 수 있습니다. 지금 여기서는 외부 라이브러리를 사용하기 위해서 패키지를 설치합니다. 즉, 여기서는 패키지 설치 = 외부 라이브러리 설치! 1. 가상 환경(virtual environment) 이란? - 프로젝트별로 패키지들을 담을 공구함 📌 문제상황: 회사에서는 패키지 A, B, C를 설치해서 쓰고, 개인 프로젝트에서는 패키지 B, C, D, E를 설치해서 쓰고 있었어요. 그런데 회사팀장님이 B를 이전 버전인 B' 로 쓰자고 하시네요. 그렇게 되면, 같은 컴퓨터에 깔려 있는 개인 프로젝트에서는 B'로 쓰면 코드를 다..

항해99 2022.10.14

[3주차] [#02] python 기초 학습

1) 파이썬 기초 문법 변수 & 기본연산 a = 3 # 3을 a에 넣는다 b = a # a를 b에 넣는다 a = a + 1 # a+1을 다시 a에 넣는다 num1 = a*b # a*b의 값을 num1이라는 변수에 넣는다 num2 = 99 # 99의 값을 num2이라는 변수에 넣는다 # 변수의 이름은 마음대로 지을 수 있음! # 진짜 "마음대로" 짓는 게 좋을까? var1, var2 이렇게? [자료형] 1. 숫자, 문자형 name = 'bob' # 변수에는 문자열이 들어갈 수도 있고, num = 12 # 숫자가 들어갈 수도 있고, is_number = True # True 또는 False -> "Boolean"형이 들어갈 수도 있습니다. ######### # 그리고 List, Dictionary 도 들어갈..

항해99 2022.10.14

[3주차] [#01] python 설치, 2주차 연습 겸 복습

1. Python 설치[맥]: (다운로드 링크) 2. 연습 겸 복습 - 스파르타피디아에 OpenAPI 붙여보기 1. 스파르타피디아 API(GET) http://spartacodingclub.shop/web/api/movie 2. 2주차 완성본 내 생애 최고의 영화들 영화 기록하기 영화URL 별점 -- 선택하기 -- ⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐ 코멘트 기록하기 닫기 영화 제목이 들어갑니다 여기에 영화에 대한 설명이 들어갑니다. ⭐⭐⭐ 나의 한줄 평을 씁니다 영화 제목이 들어갑니다 여기에 영화에 대한 설명이 들어갑니다. ⭐⭐⭐ 나의 한줄 평을 씁니다 영화 제목이 들어갑니다 여기에 영화에 대한 설명이 들어갑니다. ⭐⭐⭐ 나의 한줄 평을 씁니다 영화 제목이 들어갑니다 여기에 영화에 대한 설명이 들어갑니다..

항해99 2022.10.14

[항해99] 2주차를 마치며 / 회고록

2주차에 나에게는 생소하고 익숙하지 않은 Jquery와 Ajax에 대해 배우는 주차였다. 뭘 하든지 익숙하지 않으면 어렵게 느껴지는 법이지만 기초부터 차근차근 밟고 전진하니 그렇게 막 어렵지도 않고 간단했다. 할 수록 신기한것은 간단하게 요점만 알려주고 수강생인 내가 직접해보면서 넘어가는데 눈이 금방 익히고 손쉽게 다룰 수 있게된다. 어떤 강의는 보기도 전에 직접 구글링을 해서 구현해내고 추후 답안지를 보며 내 코드와 비교를 하는데 차이라고는 지저분한 코드 vs 깔끔한 코드 이 정도였다. 아직 깔끔하게 코드를 짜는 것에 익숙하지 않지만 코드를 유심히 보며 많지는 않고.. 몇가지지만 구글링을 통해 몇가지 요령을 알게 되었다. 아직 스스로 부족함을 느끼는 것은 당연하다 생각하지만 그래도 더 많이 성장하고 싶..

회고록 2022.10.04

[2주차] [#05] Ajax 함께 연습하기(02) / 랜덤 르탄이 API

Ajax 기본 골격 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) 르탄이 API http://spartacodingclub.shop/sparta_api/rtan Hint: 이미지 바꾸기 / 텍스트 바꾸기 이미지 바꾸기 : $("#id").attr("src", img_URL); 텍스트 바꾸기 : $("#id").text("change word you want"); HTML JQuery+Ajax의 조합을 연습하자! 3. 르탄이 API를 이용하기! 아래를 르탄이 사진으로 바꿔주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 르탄이 나와 나는 ㅇㅇㅇ하는 ..

항해99 2022.10.04

[2주차] [#05] Ajax 함께 연습하기(02) / 서울시 따릉이 API

Ajax 기본 골격 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) 따릉이 open API http://spartacodingclub.shop/sparta_api/seoulbike HTML jQuery + Ajax의 조합을 연습하자! 2. 서울시 OpenAPI(실시간 따릉기 현황)를 이용하기 모든 위치의 따릉이 현황을 보여주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 거치대 위치 거치대 수 현재 거치된 따릉이 수 102. 망원역 1번출구 앞 22 0 103. 망원역 2번출구 앞 16 0 104. 합정역 1번출구 앞 16 0 문제 1. 업..

항해99 2022.10.04

[2주차] [#04] Ajax 함께 연습하기(01) / 미세먼지 API

Ajax 기본 골격 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) 미세먼지 open API http://spartacodingclub.shop/sparta_api/seoulair HTML jQuery+Ajax의 조합을 연습하자! 1. 서울시 OpenAPI(실시간 미세먼지 상태)를 이용하기 모든 구의 미세먼지를 표기해주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 중구 : 82 종로구 : 87 용산구 : 84 은평구 : 82 문제 1. 업데이트 클릭 시 모든 구의 이름과 미세먼지 수치를 보여주자. 2. 업데이트 클릭 시 기존의 정보는 지워..

항해99 2022.10.04

[2주차] [#03] Ajax 시작, 사용하기

1. Ajax 뼈대 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) 2. 예시 (미세먼지 open API 활용) $.ajax({ type: "GET", // GET 방식으로 요청한다. url: "http://spartacodingclub.shop/sparta_api/seoulair", data: {}, // 요청하면서 함께 줄 데이터 (GET 요청시엔 비워두세요) success: function(response){ // 서버에서 준 결과를 response라는 변수에 담음 console.log(response) // 서버에서 준 결과를 이용해서 나머지 코드를 작성 }..

항해99 2022.10.04

[2주차] [#02] 서버 - 클라이언트 통신 이해하기

Jsonview 크롬 확장 프로그램 (JSON 형식의 데이터를 이쁘게 정리해준다) https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=ko JSONVue Validate and view JSON documents chrome.google.com JSON은, Key:Value로 이루어져 있다. 자료형 Dictionary와 아주 유사하다. Client가 요청 시 Type이라는 것이 존재한다. GET : 정보 검색, 통상적으로! 데이터 조회(Read)를 요청할 때, ex) 게시판 리스트 불러오기 POST : 실행 / 저장, ex) 회원가입 / 로그인 PUT : 전체 수정, ex) 회원정보 전체 수정 DELE..

항해99 2022.10.04

[2주차] [#01] jquery 기초

jquery는 id 값을 통해 문법을 조작 할 수 있다. 아래는 미리 짜여진 HTML이고 jquery를 통해 조작해보고자 한다. ... jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 2. 이메일 판별 함수 만들기 2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기 [완성본]2-3. 이메일 도메인만 얼럿 띄우기 클릭 3. HTML 붙이기/지우기 연습 3-1. 이름을 입력하면 아래 나오게 하기 [완성본]3-2. 다지우기 버튼을 만들기 이름 붙이기 ..

항해99 2022.10.04

[항해99] 1주차를 마치며 / 회고록

HTML / CSS 웹개발 종합반 1주차 강의를 마무리했다. HTML의 사용법과 CSS 작성법(부트스트랩 사용) 그리고 Tip까지.. 전에 사용하고 알고 있던 것들이라 많이 익숙했지만 그래도 간단하게나마 꿀팁이라던가 CSS를 작성하는데 요령 같은 것을 다시 한번 확인하고 넘어 갈 수 있어서 좋았다. JavaScript 그리고 동적인 부분을 담당하는 JS 기초에 대해서도 간단하게 배우며 넘어갔는데 간단하지만 정말 요약해서 그 중심을 잘 알려주는 것 같다. 부트스트랩을 활용한 간단한 팬명록 페이지 만들기 부트스트랩과 CSS를 활용하여 간단한 페이지를 만들어 보았다. 여기서 나에게 정말 도움이 됬던 것은 CSS 반응형 작성 tip이었다. 차근차근 따라가다보니 간단하지만 이쁜 페이지가 만들어졌고 그렇게 1주차 ..

회고록 2022.10.03

[1주차] [#04] JavaScript 조건문 예제 연습

데이터 let mise_list = [ { MSRDT: "201912052100", MSRRGN_NM: "도심권", MSRSTE_NM: "중구", PM10: 22, PM25: 14, O3: 0.018, NO2: 0.015, CO: 0.4, SO2: 0.002, IDEX_NM: "좋음", IDEX_MVL: 31, ARPLT_MAIN: "O3", }, { MSRDT: "201912052100", MSRRGN_NM: "도심권", MSRSTE_NM: "종로구", PM10: 24, PM25: 18, O3: 0.013, NO2: 0.016, CO: 0.4, SO2: 0.003, IDEX_NM: "좋음", IDEX_MVL: 39, ARPLT_MAIN: "PM25", }, { MSRDT: "201912052100", ..

항해99 2022.10.02