Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 파이썬 기초 환경 셋팅 고민되는건 가상환경 때문에 노션 자동화 프로그램이 안 먹는건가 싶어서 연습했던걸 다 지워봄... Ⅱ. 해보기 1. 파이참에서 파이썬 기본 셋팅 새 프로젝트 설정하면 이렇게 창이 뜸 위치 : 내가 바탕화면에 잡아놓은 폴더로 들어가게 하기 가상 환경 위치 : 가상 환경도 내가 잡아놓은 폴더로 들어가게 하기 기본 인터프리터 : 3.8 로 되게 하기 ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐ 이건 파이썬 홈페이지에서 3.8 을 받았기 때문 main.py 웰컴 스크립트 생성은 해제 그러면, 이렇게 가상환경 까지 잘 설치가 됨. 이 가상환경에는 뭘 만들면 안 됨 안 보이는 애라고 생각하면 됨 비쥬얼 스튜디오 코드에서는 그냥 만들어짐 파이참이 아니라, ..

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 만든것을 붙여놓기 Ⅱ. 해보기 1. 만들어진 DB 를 API 형태로 가져와서 확인 api 주소 http://spartacodingclub.shop/web/api/movie 만들어진 api 확인 2. 로딩 후 바로 console 에 '로딩이 잘 되었다.' 는 메시지 보이게 하기 [ajax 뼈대만들기] $(document).ready(function () { listing(); }); function listing() { console.log('화면 로딩 후 잘 실행되었습니다'); } 읽어보기 $(document).ready(function () { : 로딩 후 어떤 함수가 실행이 될거야. 그게 뭐야? listing(..

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 파이썬 설치 이번주에 배울 것 파이썬 문법으로 네이버 영화 크롤링하고, 데이터베이스에 넣고 조작하기 Ⅱ. 필수 파일 설치 해보기 1. 파이썬 다운로드 URL https://www.python.org/ftp/python/3.8.6/python-3.8.6-amd64.exe Add Python 3.8 to PATH 눌러주기 2. GIT Bash 다운받기 URL https://git-scm.com/

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 르탄이 나와 클릭하면 -> 이미지 & 텍스트 변경되는 것 핵심은 메시지랑 URL 을 바꿔치기 해서 다른 이미지가 나오게 하는 것! ⭐⭐⭐⭐⭐ Ⅱ. 기본 코드 및 api 확인 1. ajax code 퀴즈 풀기 이전 제공 코드 JQuery+Ajax의 조합을 연습하자! 3. 르탄이 API를 이용하기! 아래를 르탄이 사진으로 바꿔주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 르탄이 나와 나는 ㅇㅇㅇ하는 르탄이! 기본적으로 이렇게 나옴 2. 르탄이 API 주소 http://spartacodingclub.shop/sparta_api/rtan 이렇게 나옴 Ⅲ. 해보기 1. 이전 단계랑 다른 점 : '이번 과정에서 사용하는 aja..

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 따릉이 데이터로 이렇게 만들기 업데이트 버튼 누르면 -> 나오게 5개 미만이면 -> 빨간색 Ⅱ. 따릉이 API 데이터 구조 확인 1. 해봐 따릉이 API http://spartacodingclub.shop/sparta_api/seoulbike 보면서 확인할 것 전체 데이터 구조 필요한 항목 이름 체크 Ⅲ. ajax 퀴즈 1 1. 기본 제공 코드 jQuery + Ajax의 조합을 연습하자! 2. 서울시 OpenAPI(실시간 따릉기 현황)를 이용하기 모든 위치의 따릉이 현황을 보여주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 거치대 위치 거치대 수 현재 거치된 따릉이 수 102. 망원역 1번출구 앞 22 0 103. ..

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 네이버에서 enter 치는 것 처럼 ==javascript 에서 어떻게 서버에 요청 하는지!== 알아보기 Ⅱ. (복습) JSON 파일 형식 맛보기 1. 이렇게 list, dictionary 합쳐져서 내려오는 형식 = JSON 파일 형식 Ⅱ. Ajax 기본 1. 대전제 ==jquery 가 이미 설치== 되어 있어야 함 2. ajax 기본골격 a. 작성위치 javascript 를 활용하는 거니까, ==script 태그== 에 작성 b. ajax 기본골격 코드 #ajax_기본골격_예제코드 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function (response) { console.l..

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 서버에서 데이터를 내려주는 ==형태== 이해하기 Ⅱ. Jsonview 활용해서 JSON 데이터를 예쁘게 보기 1. 해봐 서울시 미세먼지 openapi http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99 이걸 좀 더 예쁘게 보려면 -> Jsonview 로 #jsonview_크롬확장프로그램_설치url https://chrome.google.com/webstore/detail/jsonview/gmegofmjomhknnokphhckolhcffdaihd?hl=ko 복사 붙여넣기 해서 -> 추가 그러면, 예쁘게 보임 RealtimeCityAir 의..

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 지금까지 배웠던거 활용해서 퀴즈 풀기 Ⅱ. 퀴즈 풀기 사전 파일 만들기 1. 이 코드 스니펫 복사해서 시작 jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 2. 이메일 판별 함수 만들기 2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기 [완성본]2-3. 이메일 도메인만 얼럿 띄우기 클릭 3. HTML 붙이기/지우기 연습 3-1. 이름을 입력하면 아래 나오게 하기 [완성..

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 '기록하기' 버튼을 누르면 -> 'posting 박스' 가 나옴 '닫기' 버튼을 누르면 -> 'posting 박스' 가 들어감 Ⅱ. 함수 만들어서 붙여보기 1. 전략 1) 쉬운 함수로 기본 logic 을 완성 = [뼈대 완성] 2) 좀 더 복잡한 함수로 원하는 [디테일 완성] 2. [뼈대 완성] open_box, close_box 함수 만들어서 -> 기록하기 및 닫기 버튼에 붙이기 1) 함수 만들기 2) 기록하기 버튼에 붙이기 내 생애 최고의 영화들 🎬 영화 기록하기 ✍️ 3) 닫기 버튼에 붙이기 기록하기👇 닫기🙌 4) 결과물 3. [디테일 추가] 1) jQuery 사용해서 동일 함수에..

Ⅰ. 이번 회차 학습 목표 (goal) 1. 하고자 하는 것 jQuery ==자주 쓰는 것== 학습 input 박스의 값을 가져와보기 div 보이기 / 숨기기 태그 내 html 입력하기 Ⅱ. input 박스의 값을 가져와보기 1. 뭘 한거야? input box 에 있는 URL 값 가져오기 또는 입력하기 2. 어떻게 접근할거야? URL 값 을 가져오려면 -> URL 을 '지칭' 할 수 있어야 함. '지칭' = 이름표, 짱구의 바지에서 짱구! =='CSS== 에서 지칭' 은 =='Class'== 로 했음 ==jQuery== 에서는 =='id'== 로 지칭 함 ⭐⭐⭐⭐⭐ 영화 URL 값을 가져오기 위해 ID 를 url 로 설정 근데 궁금한..