Wii Pointer #1 Tilt Normal
본문 바로가기
728x90

전체 글343

No Image 📷 [Ajax] (3) Quiz_1 Ajax 퀴즈 1 이번에 할 문제풀이는 서울시 OpenAPI를 이용하여 아래표와 같은 실시간 리액트형 사이트를 제작하는 것이다. 기본적으로 주어진 코드 jQuery + Ajax의 조합을 연습하자! 2. 서울시 OpenAPI(실시간 따릉기 현황)를 이용하기 모든 위치의 따릉이 현황을 보여주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 거치대 위치 거치대 수 현재 거치된 따릉이 수 102. 망원역 1번출구 앞 22 0 103. 망원역 2번출구 앞 16 0 104. 합정역 1번출구 앞 16 0 해당 코드를 활용해 사이트를 제작해보자 우선 function q1() 코드에 ajax 기본코드를 넣어주자 그 후에 "여기에URL을입력"란에 따릉이OpenAPI를 넣어주자, 그리고 나서 콘솔창을.. 2022. 12. 27.
No Image 📷 [Ajax] (2) 연습하기 Ajax 연습하기 jQuery+Ajax의 조합을 연습하자! 1. 서울시 OpenAPI(실시간 미세먼지 상태)를 이용하기 모든 구의 미세먼지를 표기해주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 중구 : 82 종로구 : 87 용산구 : 84 은평구 : 82 여기 주어진 기본 Ajax 연습 코드에서 업데이트 "q1()" 버튼을 누르면 업데이트 되는 사이트를 제작해야한다. 스크립트의 function q1() 에 Ajax 기본 골격을 넣어준다. Ajax 기본 골격 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function (response) { console.log(response) } }) 해당 "여기에URL을입력"란에.. 2022. 12. 27.
No Image 📷 [Ajax] (1) 시작하기 Ajax란? Ajax는 JQuery를 임포트한 페이지에서만 동작 가능하다. 어떠한 "URL"에서 DATA를 "GET" 하는 툴이라고 생각하는게 편하겠다. Ajax의 기본 골격은 이 기본 골격의 "여기에URL을입력" 란에 http://spartacodingclub.shop/sparta_api/seoulair 해당 주소의 값을 가져와보자 그다음 콘솔값을 확인해 보면 해당 주소의 데이터가 확인된다. 그리고 RealtimeCityAir의 row값이 나열되어있는것을 확인할 수 있다. row: (25) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…},...] 해당 나열은 1주차 자바스크립트 훑어보기에서 배웠던 자료형 데이터의 나열.. 2022. 12. 27.
No Image 📷 [JQuery] 복습하며 정리하기 (1) JQuery란? 우선 JQuery가 뭔지 알려주겠다. JQuery는 Javascript를 사용하기 쉽게 미리 작성해둔 것 즉 '라이브러리'로 칭한다. CSS 에서는 class= " " 로 지칭을 한다면, Javascript 에서는 id= " " 로 지칭을 한다. (참조) https://www.w3schools.com/jquery/jquery_get_started.asp jQuery Get Started W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, .. 2022. 12. 26.
No Image 📷 [스파르타 코딩클럽]_웹개발 종합반 3주차(1)_3주차 첫 마무리 [수업 목표] 1. 파이썬 기초 문법을 안다. 2. 원하는 페이지를 크롤링 할 수 있다. 3. pymongo를 통해 mongoDB를 제어할 수 있다. 긴말하지 않겠다. 여태까지 배웠던 함수 또는 코드들의 축제였다. 1 주차, 2 주차가 아직 완벽하지 않았던 나에게는 확실히 더딘 여정이었고, 여러번 돌려봐야 이해가 되는 내용들이었다. 3 주차가 되니 더욱 더 확연하게 느낄 수 있었다. HTML은 뼈대다. 그렇다. 뼈대가 허술하니, 쌓아올려도 금방 무너지기 마련 우선 제출한 숙제부터 보여주겠다. import requests from bs4 import BeautifulSoup headers = { 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleW.. 2022. 12. 22.
No Image 📷 [스파르타 코딩클럽]_웹개발 종합반 2주차(1)_2주차를 처음으로 완강하며... 2 주차 강의를 처음으로 완강 하며, 배운 것 과 느낀 점 [2 주차 수업 목표] Javascript 문법에 익숙해진다. jQuery로 간단한 HTML을 조작할 수 있다. Ajax로 서버 API(약속)에 데이터를 주고, 결과를 받아온다. 어제부터 시작했던 2주차 강의가 오늘 마무리가 되었다. 처음에 느꼈던 난이도는 예상과는 다르게 상당했다. 1 주차에서 배웠던 것 들이 총 집합 되어서 사용이 되는데 1 주차 내용들을 전체적으로 머릿속에 완전히 집어넣지는 못했지만 어느정도 익숙해진 것 같다고 느낄 찰나에 이번 2 주차 강의를 들으며, 머릿속이 점점 복잡해지기 시작했다. 2 주차에서 많이 사용되었던 부분은 부분이었다. 즉, 자바스크립트를 많이 사용해보는 것이다. 외부에 있는 정보들을 내 사이트에다가 적용 하.. 2022. 12. 20.
No Image 📷 [스파르타 코딩클럽]_웹개발 종합반 1주차(1)_나의 첫 개발일지 1 주차 강의를 수강 하며, 배운 것 과 느낀 점. [1 주차 수업 목표] 서버와 클라이언트의 역할에 대해 이해한다. HTML, CSS의 기초 지식을 이해한다. 부트스트랩을 가져다 쓸 줄 안다! Javascript 기초 문법을 익힌다. HTML은 뼈대 CSS 는 꾸미기 자바스크립트는 움직이는 것 사실상 HTML과 CSS는 접근하기도 쉬웠고 눈에 익숙한 것들이라 배움도 즐거웠다. 하지만, 자바스크립트는 달랐다... 이번 주 월요일부터 시작된 웹 개발 1 주차 프로그램은 오늘 처음 한 바퀴를 완주하였다. 참고로 옆에 보이는 사이트는 내가 이번 주에 배운 결과물의 집합체이다. 초반에 생각보다 접근하기 쉬울 것 같다는 생각은 자바스크립트를 마주하고 나서 산산히 깨져 버렸다. 함수며, 조건문이며 까다로운 글자들의.. 2022. 12. 14.
728x90

티스토리툴바