본문 바로가기

분류 전체보기

(290)
파이썬(Python)이란? ✅ 파이썬(Python)은 네덜란드의 프로그래머 Guido van Rossum이 '읽기 쉬운 코드'에 중점을 두어 개발한 프로그래밍 언어이다. '읽기 쉽게' 만든 언어이기 때문에, 문법이 쉬워 초보자가 배우기 좋은 언어로 무료/오픈소스로 운영되고 커뮤니티가 크기 때문에 자연어처리, 머신러닝 등 직접 구현하기 어려운 기능들도 다른 개발자의 라이브러리를 이용해 쉽게 코드를 작성할 수 있다. ✅ 파이썬을 설치한다는 것의 의미 : 파이썬을 설치한다? : 일종의 번역팩을 설치한다고 생각하면 된다. 컴퓨터는 101010001 과 같은 언어만 알아듣는다. 파이썬 문법으로 된 것을 101010001로 변환해줄 수 있도록, 번역 패키지를 설치하는 것이다. ✅ 파이참에서 새 프로젝트 만들기 바탕화면에 python 폴더를 ..
fetch 자동실행 /날씨 자동 로밍 함수 실시간 서울 날씨 자동 로딩 함수 & 날씨 API $(document).ready(function() { fetch("http://spartacodingclub.shop/sparta_api/weather/seoul").then(res => res.json()).then(data => { console.log(data) }) }) ✅ 내 생애 최고의 영화들 제목과 영화 기록하기 버튼 사이에 현재 서울의 날씨 뼈대 추가 fetch를 사용해 값을 가져오기 백틱을 사용해, 뼈대/문자/변수를 모두 섞어서 붙여보기 doctype html> 스파르타코딩클럽 | 부트스트랩 연습하기 @import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swa..
fetch 반복문 / 조건문 doctype html> Fetch 연습하고 가기! div.question-box { margin: 10px 0 20px 0; } table { border: 1px solid; border-collapse: collapse; } td, th { padding: 10px; border: 1px solid; } .red { color: red; } function q1() { fetch("http://spartacodingclub.shop/sparta_api/seoulbike").then(res => res.json()).then(data => { let rows = data['getStationList']['row'] $('#names-q1').empty() rows.forEach((a) => { let..
fetch / forEach / $('#id').append(temp_html) ✅브라우저 개발자도구(오른쪽 클릭→검사)에서 console탭에서 확인 function q1() { fetch("http://spartacodingclub.shop/sparta_api/seoulair").then(res => res.json()).then(data => { let rows = data['RealtimeCityAir']['row'] rows.forEach((a) => { let gu_name = a['MSRSTE_NM'] let gu_mise = a['IDEX_MVL'] console.log(gu_name,gu_mise) }) }) } ✅ 웹에 붙일 temp_html을 만들기 function q1() { fetch("http://spartacodingclub.shop/sparta_api/se..
Fetch / console.log(data) Fetch를 쓰면서 jQuery를 사용할 것이기 때문에 jQuery를 임포트한 페이지에서만 동작한다. 즉, http://google.com/ 과 같은 화면에서 [개발자도구]를 열면, jQuery가 임포트 되어있지 않기 때문에 아래와 같은 에러가 뜬다. Uncaught TypeError: $ is not a function → jQuery 라는 게 없다는 뜻 Fetch 연습 prac2.html doctype html> Fetch 시작하기 Fetch 연습을 위한 페이지 ✅ Fetch 기본 골격 fetch("여기에 URL을 입력").then(res => res.json()).then(data => { console.log(data) }) fetch("여기에 URL을 입력") // 이 URL로 웹 통신을 요청한..
서버→클라이언트: "JSON" 서울시 OpenAPI에 접속 : 서울시 미세먼지 OpenAPI http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99 크롬 익스텐션 JSONView를 설치 https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=ko JSONVue Validate and view JSON documents chrome.google.com ✅ JSON : Key:Value (자료형 Dictionary와 유사) RealtimeCityAir라는 키 값에 딕셔너리 형 value가 들어가있고, 그 안에 row라는 키 값에는 리스트..
JQuery / $('#id').append(temp_html) checkResult() 함수 사과 >> ${a} function checkResult() { let fruits = ['사과','배','감','귤','수박'] fruits.forEach((a) => { let temp_html = `${a}` $('#q1').append(temp_html) }) } let people = [ {'name':'서영','age':24}, {'name':'현아','age':30}, {'name':'영환','age':12}, {'name':'서연','age':15}, {'name':'지용','age':18}, {'name':'예지','age':36} ] $('#q2').empty() people.forEach((b) => { let name = b['name'] let age..
JQuery 반복문 / 조건문 javascript만 사용하면 복잡하기 때문에 jQuery를 사용한다. HTML의 요소들을 조작하는 편리한 Javascript를 위해 미리 작성해둔 라이브러리, Javascript로도 모든 기능(예 - 버튼 글씨 바꾸기 등)을 구현할 수는 있지만 1) 코드가 복잡하고, 2) 브라우저 간 호환성 문제도 고려해야해서, jQuery라는 라이브러리가 등장한 것. # jQuery와 Javascript - 코드 비교해보기 jQuery는 Javascript와 다른 특별한 소프트웨어가 아니라 미리 작성된 Javascript 코드이다. 전문 개발자들이 짜둔 코드를 잘 가져와서 사용하는 것! (그렇게 때문에, 쓰기 전에 꼭 "임포트"를 해야한다.) Javascript로 길고 복잡 document.getElementById..
딕셔너리_ 키(key)-밸류(value) 값 🌐 딕셔너리 : 키(key)-밸류(value) 값 let a = {'name':' 영수','age':27} // 딕셔너리 선언. 변수 이름은 아무렇게나 가능! console.log(a) let a = {'name':' 영수','age':27} console.log(a['name']) # 리스트(자료형)와 딕셔너리의 조합 꺾쇠와 키-밸류, 이 두가지로 이뤄진 형태의 자료 많이 사용! let a = [ {'name':' 영수','age':27}, {'name':' 철수','age':22}, {'name':' 영희','age':14} ] console.log(a) let a = [ {'name':' 영수','age':27}, {'name':' 철수','age':22}, {'name':' 영희','age':14..
리스트 a[0] / a.length 🌐 리스트 & 딕셔너리 let a = ['사과','수박','딸기','감'] // 리스트를 선언. 변수 이름은 아무렇게나 가능! console.log(a) let a = ['사과','수박','딸기','감'] console.log(a[0]) 프로그래밍 언어는 0부터 수를 센다 # 리스트 길이 구하기 let a = ['사과','수박','딸기','감'] console.log(a.length)