나의 기록_나의 다이어리

1. PyCarm에서 Python 파일 새로 생성 2. 기본 세팅 지니 url https://www.genie.co.kr/chart/top200?ditc=M&rtm=N&ymd=20210701 Pycharm에 입력 후 실행 import requests from bs4 import BeautifulSoup 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('https://www.genie.co.kr/chart/top200?ditc=M&rtm=N&ymd=20210701',..

1. mongoDB 내에 movies 콜렉션에 있는 '가버나움' 영화의 평점(star)을 "0"으로 변경하고 싶다면? 1) PyCharm에서 아래 코드 실행 #MongoDB 연결할 때 from pymongo import MongoClient #certifi 패키지 쓰는 사람만 import certifi ca = certifi.where() #MongoDB 연결할 때 client = MongoClient('mongodb+srv://test:sparta@sparta.mx1d7rq.mongodb.net/sparta?retryWrites=true&w=majority', tlsCAFile = ca) db = client.dbsparta db.movies.update_one({'title':'가버나움'},{'$se..

1. mongoDB 내에 movies 콜렉션에 있는 '가버나움' 영화의 평점(star)를 찾아보려면? 1) PyCharm에서 아래 코드 실행 from pymongo import MongoClient #certifi 패키지 쓰는 사람만 import certifi ca = certifi.where() #test:sparta = mongoDB아이디:mongoDB비밀번호 #/sparta? → / 와 ? 사이에 있는 sparta는 데이터베이스 이름 client = MongoClient('mongodb+srv://test:sparta@sparta.mx1d7rq.mongodb.net/sparta?retryWrites=true&w=majority', tlsCAFile = ca) db = client.dbsparta m..

1. 아래 이미지와 같이 팬명록에 '실시간 현재기온' 표시하기 2. 날씨 API http://spartacodingclub.shop/sparta_api/weather/seoul 3. API 연결 확인 먼저 해보기 $(document).ready(function(){ alert('다 로딩됐다!') }); 4. Ajax 코드 추가 후 완성 코드 남주혁 팬명록 현재기온 : 00.0도 닉네임 응원댓글 응원 남기기 늘 새로운 얼굴 너무 멋져요! 호빵맨 늘 새로운 얼굴 너무 멋져요! 호빵맨 늘 새로운 얼굴 너무 멋져요! 호빵맨

1. Ajax 기본 골격 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) 2. 르탄이 API http://spartacodingclub.shop/sparta_api/rtan 3. Ajax 연습 (Ajax 코드 넣기 전 골격) 1) PyCharm ➡️ 파일 새로 만들기 ➡️ HTML 파일 형식 선택 ➡️ HTML 파일 새로 생성 2) 새로 만든 HTML 파일 형식에 써있던 기존 내용 다 지우기 3) 아래 형식 그대로 복사-붙여넣기 JQuery+Ajax의 조합을 연습하자! 3. 르탄이 API를 이용하기! 아래를 르탄이 사진으로 바꿔주세요 업데이트 버튼을 누를 때마다 지..

1. Ajax 기본 골격 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) 2. 서울시 실시간 따릉이 OpenAPI http://spartacodingclub.shop/sparta_api/seoulbike 3. Ajax 연습 (Ajax 코드 넣기 전 골격) 1) PyCharm ➡️ 파일 새로 만들기 ➡️ HTML 파일 형식 선택 ➡️ HTML 파일 새로 생성 2) 새로 만든 HTML 파일 형식에 써있던 기존 내용 다 지우기 3) 아래 형식 그대로 복사-붙여넣기 jQuery + Ajax의 조합을 연습하자! 2. 서울시 OpenAPI(실시간 따릉기 현황)를 이용하기 모든..

1. Ajax 기본 골격 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) 2. 서울시 미세먼지 OpenAPI http://spartacodingclub.shop/sparta_api/seoulair 3. Ajax 연습 (Ajax 코드 넣기 전 골격) 1) PyCharm ➡️ 파일 새로 만들기 ➡️ HTML 파일 형식 선택 ➡️ HTML 파일 새로 생성 2) 새로 만든 HTML 파일 형식에 써있던 기존 내용 다 지우기 3) 아래 형식 그대로 복사-붙여넣기 jQuery+Ajax의 조합을 연습하자! 1. 서울시 OpenAPI(실시간 미세먼지 상태)를 이용하기 모든 구의 미..

1. Ajax 란? (Asynchronous JavaScript and XML의 약자) Ajax는 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나. Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있다. 즉 Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있다. 이때 서버와는 다음과 같은 다양한 형태의 데이터를 주고받을 수 있습니다. JSON XML HTML 텍스트 파일 등 ❗️참고❗️ Ajax는 jQuery를 임포트한 페이지에서만 동작 가능합니다. 즉, http://google.com/ 과 같은 화면에서 개발자도구를 열면, jQuery가 임포트 되어있지 않기 때문에 아래와 같은 에러가 뜹니다. ..

1. OpenAPI 란? 모두가 쓸 수 있도록 open 해놓은 데이터 정보 예) 서울시 OpenAPI http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99 2. JSON 이란? 아래와 같은 형태 (서울시 OpenAPI를 크롬주소창에 붙여넣기하여 검색해보면 아래와 같은 데이터를 확인할 수 있음) JSON은 Key:Value로 이루어져 있다. 자료형 Dictionary와 아주- 유사. 예제에서 RealtimeCityAir라는 키 값에 딕셔너리 형 value가 들어가있고, 그 안에 row라는 키 값에는 리스트형 value가 들어가있다. 3. Jsonview 확장프로그램 설치하기 크롬 익스텐션 JSONVie..

1. Javascript 자바스크립트란? 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어 클라이언트가 서버에 요청하면, 서버가 클라이언트에게 HTML+CSS+Javascript를 준다 Q. 왜 브라우저는 Javascript만 알아들어요? HTML안에다 파이썬, Java 같은 언어를 써서 주면 안되나요? A. 불가능한 이야기는 아닙니다. 다만, 이 "역사적인 이유 & 이미 만들어진 표준"이기 때문에, 모든 브라우저는 기본적으로 Javascript를 알아듣게 설계되어있고, 모든 웹서버는 HTML+CSS+Javascript를 주게 되어있죠. Java와 Javascript는 어떤 차이가 있나요? 아무 관련 없음 ('햄'과 '햄'스터 처럼 명칭 앞글자가 그저 겹치는거 뿐임) 2. 자바스크립트 - H..