1. 라이브러리: 패키지는 모듈(기능 모음집)의 묶음, 라이브러리는 패키지의 묶음 내장되어 있지 않는 유용한 기능 사용을 위해 외장 라이브러리 설치 virtual enviornment(venv) : 프로젝트별 라이브러리 공구함 같은 시스템에서 실행되는 다른 파이썬 응용 프로그램들의 동작에 영향을 주지 않기 위해, 파이썬 배포 패키지들을 설치하거나 업그레이드하는 것을 가능하게 하는 격리된 실행 환경 pip(python install package)를 사용해 라이브러리 설치 pycharm에서는 Setting -> Python Interpreter -> + 버튼 2. requests 패키지 사용 import requests # requests 라이브러리 설치 필요 r = requests.get('http://..
course/spartacoding
1. ajax 복습 $(document).ready(function () { listing(); }); function listing() { $('#cards-box').empty() $.ajax({ type: "GET", url: "http://spartacodingclub.shop/post", data: {}, success: function (response) { let rows = response['articles'] for (let i = 0; i < rows.length ; i++) { let comment = rows[i]['comment'] let desc = rows[i]['desc'] let image = rows[i]['image'] let title = rows[i]['title']..
1주차 과제에서 만든 쇼핑페이지에 실시간 환율 정보 추가 수제버거 price: $5 세상에서 제일 맛있는 수제버거 팝니다. 주문자 이름 수량 수량 선택 One Two Three 주소 전화번호 주문하기
1. 서울시 실시간 따릉이 API jQuery + Ajax의 조합을 연습하자! 2. 서울시 OpenAPI(실시간 따릉이 현황)를 이용하기 모든 위치의 따릉이 현황을 보여주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 거치대 위치 거치대 수 현재 거치된 따릉이 수 102. 망원역 1번출구 앞 22 0 103. 망원역 2번출구 앞 16 0 104. 합정역 1번출구 앞 16 0 2. 랜덤 고양이 사진 보기 API JQuery+Ajax의 조합을 연습하자! 3. 랜덤 고양이 사진 API를 이용하기 예쁜 고양이 사진을 보여주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 고양이를 보자 강의에서 img 태그에 접근해서 src 값을 따로 바꾸는 방법을 소개했는데, 이전 연습처..
Ajax는 jQuery가 import 되어 있는 페이지에서만 작동 $.ajax({ type: "GET", // GET 방식으로 요청한다. url: "http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99", data: {}, // 요청하면서 함께 줄 데이터 (GET 요청시엔 비워두세요) success: function(response){ // 서버에서 준 결과를 response라는 변수에 담음 console.log(response) // 서버에서 준 결과를 이용해서 나머지 코드를 작성 } }) Ajax 기본 골격 및 설명 $.ajax({ type: "GET", url: "http://openapi.se..
1. 서버-클라이언트 통신 API: 통신 창구 서버 -> 클라이언트: 데이터 제공 형식 - JSON (key:value 형식) 클라이언트 -> 서버: 데이터 요청 방식 - GET, POST Get: 통상적으로 데이터 조회(Read)를 요청할 때 예) 영화 목록 조회 POST: 통상적으로 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때 예) 회원가입, 회원탈퇴, 비밀번호 수정 2. GET 방식 네이버나 구글에 검색하는 것도 get 방식 예) https://movie.naver.com/movie/bi/mi/basic.nhn?code=161967 ?을 기준으로 영화 정보: code=161967 -> code라는 이름에 영화번호를 담자고 서버개발자와 클라개발자가 미리 약속 서버..
js 복습 포스팅박스 열기 클릭 수에 따라 다른 alert 창 띄우기 cnt를 함수 밖에 설정해야 축적이 됨 jQuery는 길고 복잡한 js 코드를 간단하게 쓸 수 있도록 미리 만들어진 라이브러리 (따라서 import 필수!) bootstrap에 이미 jQuery import 되어있음 bootstrap 사용하지 않을 때는 jQuery CDN을 html head에 복사 // id 값이 article-url인 곳을 가리키고, val()로 입력값을 가져온다 - input box의 경우 $('#article-url').val(); // id 값이 article-url인 곳을 가리키고, 입력값을 'something'으로 한다 - input box의 경우 $('#article-url').val('something'..
나만의 쇼핑몰 메인페이지 만들기 수제버거 price: $5 세상에서 제일 맛있는 수제버거 팝니다. 주문자 이름 수량 수량 선택 One Two Three 주소 전화번호 주문하기
//함수 // 만들기 function 함수이름(필요한 변수들) { 내릴 명령들을 순차적으로 작성 } // 사용하기 함수이름(필요한 변수들); // 두 숫자를 입력받으면 더한 결과를 돌려주는 함수 function sum(num1, num2) { console.log('num1: ', num1, ', num2: ', num2); return num1 + num2; } sum(3, 5); // 8 sum(4, -1); // 3 콘솔에서 shift+enter하면 줄바꾸기 //조건문 function is_adult(age){ if(age > 20){ alert('성인이에요') } else if (age > 10) { alert('청소년이에요') } else { alert('10살 이하!') } } is_adult..
브라우저가 이해하는 프로그래밍 언어 작업 중인 웹페이지의 콘솔 창에서 코딩 맛보기 기사저장 버튼 클릭시 js의 hey() 함수 작동하여 alert 창 생성 //변수, 기본연산 //let으로 변수 선언, 한번 선언하면 다시 안함 let num = 20 num = 'Bob' //사칙연산, 문자열 더하기 let a = 1 let b = 2 a+b // 3 a/b // 0.5 let first = 'Bob' let last = 'Lee' first+last // 'BobLee' first+' '+last // 'Bob Lee' first+a // Bob1 -> 문자+숫자를 하면, 숫자를 문자로 바꾼 뒤 수행 //리스트 let a_list = [] // 리스트를 선언. 변수 이름은 역시 아무렇게나 가능! // 또..
