Enjoy Programming

이제 fetch API를 이용해 movie data를 가져와보자. 그런데~ 니코쌤은 fetch보단 Axios를 더 좋은 방법이라고 한다. axios는 fetch위에 작은 layer가 올라가 있는거라고 생각하면 된다. 간단히 짚고 넘어가면 Axios는 node.js로부터 HTTP request를 만들거나 , ES6 Promise API를 지원하는 브라우저로 부터 XMLHttpRequest를 만들기 위해 사용하는 javascript 라이브러리이다. fetch()는 JSON데이터를 처리할 때 2단계를 거친다. 초기에 request를 보내고, 실제 data 오브젝트를 받으려면 response를 받는 측에서 .json()메소드를 사용해야 한다. 그리고 fetch()를 사용해서 response error가 발생했다..

react에서 컴포넌트에 prop을 보내는 것 까지는 해봤는데 이게 부모 컴포넌트로부터 전달 받은 prop이 내가 예상한 prop인지 확인할 수 있어야 한다. 항상 보이지 않는 에러를 방지하기 위해서는 꼼꼼한 체크가 필수 이다. 이제 체크하는 방법을 알아보자. 이전 포스팅 코드를 그대로 쓰면서 체크해 보겠다. 먼저 list에 객체들에 각각 rating을 추가하자. rating은 모든 것을 평가한다. rating: 5.1 이런식으로 임의의 숫자를 추가한다 그리고 prop-types를 설치해준다. prop-types 라이브러리는 내가 전달 받은 props가 내가 원하는 props인지 확인 해주는 라이브러리이다. 설치가 끝났으면 import PropTypes from "prop-types"; 임포트 해주고 F..

즉시 실행 함수 표현 - IIFE IIFE는 정의되자 마자 즉시 실행되는 자바스크립트 함수이다. 기본 구조는 (function () { statements } ) (); 이다. 이는 self-executing anonymous Function으로 알려진 디자인 패턴으로 크게 두 부분으로 구성된다. 첫 번째는 괄호 ((), Grouping Operator)로 둘러싸인 익명함수. 이는 전역 스코프에 불필요한 변수를 추가해서 오염시키는 것을 방지 할 수 있을 뿐 아니라 IIFE 내부 안으로 다른 변수들이 접근하는 것을 막을 수 있는 방법이다. 두 번째 부분은 즉시 실행 함수를 생성하는 괄호()이다. 이를 통해 자바스크립트 엔진은 함수를 작시 해석해서 실행. 표현 내부의 변수는 외부로부터의 접근이 불가능하다. ..

모든 브라우저는 자바스크립트를 해석하고 실행할 수 있는 엔진을 내장하고 있음. browser뿐만 아니라 서버사이드인 Node.js도 자바스크립트 엔진을 내장하고 있다. 기본적으로 브라우저에서 동작하는 코드는 Node.js에서도 동작한다. 그러나 두개의 목적이 달라 브라우저와 node.js 모두 자바스크립트 코어인 EcmaScript를 실행 할 수 있지만 브라우저와 Node.js에서 ECMAScript 이외에 추가적으로 제공하는 기능은 호환되지 않는다. ex > 브라우저는 HTML요소를 선택하거나 조작하는 기능들의 집합인 DOM API를 기본적으로 제공 Node.js는 Web API인 DOM API를 제공하지 않는다. 반대로 Node.js에서는 파일을 생성하고 수정하는 File시스템을 기본 제공하지만 브라..