Movie App w/ ReactJS

\*\*\* 노마드코더에서 무료로 강의해주는 ReactJS 강의를 보고 개인적으로 정리한 내용입니다. Component는 UI를 재사용 가능하도록 나눈 조각들이다. 다시 말해, React를 이용해 웹으로 표현되는 모든 것들은 각각의 component이다.관념적으로 표

\*\*\* 노마드코더에서 무료로 강의해주는 ReactJS 강의를 보고 개인적으로 정리한 내용입니다.React Application은 하나의 component만을 rendering해야한다.이를테면, 위 코드는 Players라는 component에 name이라는 prop

\*\*\* 노마드코더에서 무료로 강의해주는 ReactJS 강의를 보고 개인적으로 정리한 내용입니다.State는 객체이다. Component의 data를 넣을 공간이 있고, 이 data는 동적이다. React의 state를 사용하기 위해서는 class component

React component에서 사용하는 유일한 함수는 render()이다. Render()가 실행되기 전과 후에 실행되는 다른 함수들이 있다.즉, component가 update될 때, 호출되는 다른 함수들이 있다.mounting = component가 태어나는 것과

일반적으로 JS에서 data를 fetch하는 방법은 fetch()를 사용하는 것이다.하지만 더 나은 방법이 있는데, axios가 그것이다. (Axios는 fetch 위에 있는 작은 layer이다. 추후에 다시 공부할 내용이다.)이 프로젝트에서는 YTS라는 API를 사용

이제 추가할 내용은영화의 여러 정보들을 출력하게끔 하는 것이다.강의를 듣다 보니 이상적인 코드는“웹으로 표현되는 모든 조각들을 div와 같은 태그로 작성해준 코드”라는 생각이 들었다.이에 맞게끔 loading 안내 문구도 태그로 감싸주고출력되는 영화의 정보(제목, 제작

하지만 앞으로 우리가 만들 웹페이지는 하나의 창으로 구성할 것이 아니다.다른 많은 웹페이지가 그렇듯 사용자의 클릭에 따라 다른 창을 제공하는 것이 이상적일 것이다.이를 위해 react-router-dom을 이용할 것이다.전체적인 구조는기존의 영화 목록을 담고 있던 Ap