전체 글90 6. 리액트 영화 앱 만들기 여기서는 fetch() 대신에 axios라는 도구를 사용하겠다. axios 설치 YTS라는 곳에서 제공하는 영화 데이터 API를 사용할거다. API 는 식당 점원같은 역할을 한다. 프로그램들이 서로 상호작용하는 것을 도와주는 매개체로 볼 수 있다. 결국 API란 두 시스템, 어플리케이션이 상호작용(소통) 할 수 있게 하는 프로토콜의 총 집합이라면 ENDPOINT란 API가 서버에서 리소스에 접근할 수 있도록 가능하게 하는 URL이다. App.js 파일 맨 위에 axios를 import한 다음, componentDidMount() 함수에서 axios로 API를 호출하면 된다. class App extends React.Component { state = { isLoading: true, movies: [].. 2020. 8. 5. [생활코딩] 객체지향 - 객체와 함수 / call / bind 자바스크립트는 객체가 다른 객체를 상속 받는데, 런타임 되는동안 또 다른 객체를 상속 받을 수 있을 정도로 굉장히 유연하다. (__proto__ / Object.create()를 통해서) sum은 어떤 객체에도 속해있지 않는다. 이 전에 살펴본 sum의 역할은 객체 안에서 first와 second를 더 해주는 역할을 했었다. sum.call()을 적어주면 sum이라고 하는 객체를 실행시키는것이다. sum() 과 똑같은거다. 모든 함수는 call 이라고 하는 메소드를 가지고 있다. call 메소드를 호출할때 첫 번째 인자로 kim을 주면 this = kim이 된다. call은 첫 번째 인자로는 그 함수의 내부적으로 this를 무엇으로 할것인지가 오고, 두 번째 인자부터는 우리가 호출하려고 하는 함수의 파라.. 2020. 8. 4. 6. 파이썬 - 함수 / 모듈 / 객체 / 구글링 파이썬에는 세 가지 종류의 함수가 있다. 1. 내장함수 (print 같은) 2. 모듈의 함수 (import 해서 가져가 쓸 수 있는것) 3. 사용자정의 함수 (우리가 함수를 직접 만들어서 사용) 사용자정의 함수 def 함수이름(인자1,...): 실행할 명령1 실행할 명령2 return 결과 이번에는 여러개의 값을 돌려받는것을 해보자. def 함수이름(인자1, ...): 실행할 명령1 실행할 명령2 return 결과1, 결과2, ... 하나의 튜플로 만들어서 리턴된 것을 볼 수 있다. (packing) 함수들을 모아둔 것. 모듈을 가져와서 사용하려면 import라는 키워드를 사용한다. (이미 만들어진 라이브러리, 모듈로 빠른 개발이 가능하다.) 엄청나게 많은 모듈중에 한 가지이다. random.choice.. 2020. 8. 4. [Vanilla-JS] 3. Making a JS Clock part const clockContainer = document.querySelector(".js-clock"), clockTitle = document.querySelector("h1"); function getTime() { const date = new Date(); const hours = date.getHours(); const minutes = date.getMinutes(); const seconds = date.getSeconds(); clockTitle.innerText = `${hours < 10 ? `0${hours}` : hours}:${minutes < 10 ? `0${minutes}` : minutes}:${seconds < 10 ? `0${seconds}` : seconds}`; } .. 2020. 8. 2. 이전 1 ··· 7 8 9 10 11 12 13 ··· 23 다음
