본문 바로가기

분류 전체보기204

27. 파이썬 시작하기 파이썬을 설치하는 것의 의미는 뭘까? 일종의 번역팩을 설치한다고 생각하면 된다. 컴퓨터는 10100001 과 같은 언어만 알아듣는다고 했지? 파이썬 문법으로 된 것을 101010001로 변환해 줄수 있도록 ,번역 패키지를 설치하는 것이다. print("hello sparta") 하면 console에 hello sparta가 나온다. 팁: 구글링 하는 연습을 해보자! 2021. 4. 16.
26. 연습겸 복습 - 나홀로 메모장에 OpenAPI 붙여보기 이 사이트를 아래와 같이 만들어 볼 것이다. 그래서 사용하는 api가 이런 모양의 api 이다. 링크로는 spartacodingclub.shop/post 이다. 그렇다면 첫번째 할일은 무엇일까? 바로 이 api를 언제 호출할 것인지 결정하는 일일것이다. 즉 로딩이 되자마자, 사진들이 붙는다. $(document).ready(function () { listing(); }); function listing() { console.log('화면 로딩 후 잘 실행되었습니다'); } 이런 스크립트를 이용한다. 이런식으로 api의 각 값에 접근한다. 이렇게 각 temp 템플릿에 값을 넣으면서 템프릿을 만들수가 있다. 2021. 4. 16.
25. Quiz_Ajax 연습하기(2) 요번에는 고양이 api를 이용해보자! api.thecatapi.com/v1/images/search 이 api는 브라우저를 새로고침할때마다 고양이 이미지가 불러지는데 각 이미지의 코드를 보면 임의의 코드, 즉 랜덤한 코드인것을 알수가 있다. 이랬던 코드가 새로고침하면 이렇게 된다! 이미지를 보면 이런식의 랜덤한 이미지가 나온다...! 이 랜덤 내용을 이해해보자! 이 이미지와 같이 고양이를 보자 버튼을 클릭하면 고양이 사진이 계속 바뀌면서 나타나는 웹 브라우저를 만들어보자! 팁: 이미지 태그의 이미지 주소 변경하는 방법 위 img 의 src를 변경하는 방법 $("#img_form_url").attr("src", imgurl); 출처: https://it77.tistory.com/358 [시원한물냉의 사람사.. 2021. 4. 14.
24. Quiz_Ajax 연습하기(1) 자! 요번에도 Quiz_Ajax 관련내용을 연습해보자 이 사진은 "따릉이"라는 사업이름의 open api이다. 이 api를 조금더 조작해보자! 여기서 우리가 주목할것은 stationName과 rackTotCnt 사용해볼것이다. 이 html파일 템플릿을 기본으로 하자! 그래서 이 템플릿을 기준으로 아래 업데이트를 누르면 그에 대한 결과물이 나오는 서비스를 만들어 볼것이다, 두번째 퀴즈는 현재 거치된 따릉이 수가 5개 미만인 따릉이를 알려준다. 이 두 퀴즈를 직접 만들어보자 힌트는 $.ajax({ type: "GET", url: "http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99", data: {},.. 2021. 4. 14.
반응형