항해99 24

[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

[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