노마드코더
-
[movie_app_2] 컴포넌트, props프로젝트/[react]movie_app 2018. 4. 2. 13:04
프로젝트를 시작하기 전에, 컴포넌트들을 만든다. react는 js 안에 html 이 존재하는 구조 -> jsx라고 한다. : 컴포넌트를 만들때 사용하는 언어 각 컴포넌트마다 다른 파일에 작업(을 선호) render() : 이 컴포넌트가 무엇을 보여주는지 알려주는 함수 js 파일에서 reactDOM을 사용해서 웹에 컴포넌트를 지정된 엘리먼트 자리에 렌더하는것! 작성된 컴포넌트를 다른 컴포넌트에 넣을 수 있고 import 하여 다른 파일의 컴포넌트 안에도 넣을 수 있다! react의 주요 컨셉 2개 - state, props props : 부모 컴포넌트가 자식 컴포넌트에게 정보를 전달 array map을 사용 : 엘리먼트가 많을수록 key를 주어야함.movies.map((movie, index) => { r..
-
[movie_app_1] movie app 시작하기프로젝트/[react]movie_app 2018. 4. 2. 00:39
1년 전에 잠깐 리액트 강의를 본 적이 있지만 [중급] 수준의 강의였던 건지 코드만 따라 치기 바빴던 기억이 난다. 요즘 리액트가 너무 재밌어 보여서 노마드코더의 강의를 보기 시작했고, 복습 겸 블로그에 정리하려고 한다. git에 업로드도 해야지 ! npm, node.js는 설치되어 있었고 yarn을 설치brew를 설치한 뒤, yarn을 설치해야 했다.yarn은 자바스크립트 패키지 매니저react는 라이브러리프레임워크가 아니다!yts.agyify라는 토렌트 사이트에서 사용하는 api를 사용해서 영화에 대한 정보를 긁어오자.create-react-app을 사용해서 손쉽게 react app을 만들자npm install -g create-react-appcreate-react-app AppNamecd appN..