리액트 처음이시라구요? React JS로 웹 서비스 만들기!

리액트 처음이시라구요? React JS로 웹 서비스 만들기!

(85개의 수강평)

5936명의 수강생
무료
지식공유자 · 노마드코더
20회 수업 · 총 2시간 36분 수업
평생 무제한 시청
수료증 미발급 강좌
수강 난이도 '중급'
tjgus2932@gmail.com 프로필

why propTypes use duplicate? tjgus2932@gmail.com 3달 전

is the propType not done in Movie?Why does MoviePoster, MovieGenre use a duplicate PropeTypes check?

0
Andrew Kim 프로필

await, async for the functional component Andrew Kim 4달 전

useEffect(() => {
    _getMovies();
    // eslint-disable-next-line
  },[]);

  function _renderMovies() {
    return movies.map(movie => {
      console.log(movie)
      return <Movie title={movie.title} poster={movie.large_cover_image} key={movie.id} />
    });
  }

  async function _getMovies(){
    const movies = await _callApi();
    setMovies(movies);
  }

  function _callApi() {
    return fetch("https://yts.lt/api/v2/list_movies.json?sort_by=rating")
    .then(response => response.json())
    .then(json => json.data.movies)
    .catch(err => console.log(err))
  }

return (
<div className="App">
{movies ? _renderMovies() : 'Loading'}
</div>
);
}

0
Andrew Kim 프로필

function in functional components Andrew Kim 4달 전

function _renderMovies() {

  return moives.map((movie, index) => {

    return <Movie title={movie.title} poster={movie.poster} key={index} />

  });

};

 

0
Andrew Kim 프로필

useEffect in the functional components Andrew Kim 4달 전

import React, {useState, useEffect} from 'react';

...

function App() {

  const[movies, setMovies] = setState([

    {

      title: "Matrix",

      poster: "https://~"

    },

...

  ]);

  useEffect(() => {

    const timer = setTimeout(() => {

      setMovies([

        {

           title: "Trainspotting",

           poster: "https://~"

        },

        ...movies

      ])

    }, 5000);

    return () => clearTImeout(timer);

  // eslint-disable-next-line ([]로 인해 생기는 오류를 무시한다)

  }, []);  

0
Andrew Kim 프로필

State in a functional components Andrew Kim 4달 전

import React, {useState, useEffect} from 'react';

...

function App() {

  const[greeting, setGreeting] = useState('hello');

  useEffect(() => {

    setTimeout(() => {

      setGreeting('hello again!')

    }, 5000)

  });

...

  return(

    <div className="App">

      {greeting}

      {movies.map((movie,index) => {

...

 

0
공룡콩 프로필

component가 없어요 공룡콩 4달 전

강의에서 component와 render부분이 코드에 없고 function APP()이라고 되어있는데 어떻게해야하나요?

1
조은수(Eunsoo Cho) 프로필

access denied 조은수(Eunsoo Cho) 6달 전

Hello

permission to access has been denied so 

npm install -g create-react-app

 

didn't work.

 

Is it possible to fix this?

 

안녕하세요 npm install 을 하려고 하는데 자꾸 설치가 안되네요... access denied 라고 나오는데 설치할 수 있는 방법이 없을까요?

1
김재기 프로필

fetch problem 김재기 7달 전

if I use fetch, I have a problem like below.. what am I going to do???

Failed to load https://yts.ag/api/v2/list_movies.json?sort_by=rating: Redirect from 'https://yts.ag/api/v2/list_movies.json?sort_by=rating' to 'https://yts.am/api/v2/list_movies.json?sort_by=rating' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

App.js:33 TypeError: Failed to fetch

3
Jieun Kim 프로필

yarn build 에러 떠서 Jieun Kim 2018.10.14

npm run script build 그걸로 했어요.

그리고 jason에 설정하고 깃에 푸쉬까지 다 해서 정상적으로 올라갔는데

git 주소로 들어가면 readme만 보이고

index.html쪽이 안보이는데 어떻게 해야 하나요??

https://github.com/JinnyJieunKim/vsCodeTest

제 깃 주소에요

1
nJa 프로필

yarn start error nJa 2018.10.14

cmd에서... 만들때는 잘 됐었는데, 다시 들어가려니까 에러가 뜨네요. 업데이트문제인가 싶어서 새로 설치해도 안됩니다.

PS C:UsersJeongDesktopnomadmovie-app> yarn start

yarn run v1.9.4

$ react-scripts start

'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는

배치 파일이 아닙니다.

error Command failed with exit code 1.

info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

1
김해중 프로필

아무나 답변 좀 부탁드려요 김해중 10달 전

app.js 에서

import Movie from './Movie';

이걸 하는데 여기서 './Movie'가 뭘 가르키고 있는지 어찌아나요 ? 뒤에 js인지 css인지 명시안되어있는데요

2
이성준 Lee 프로필

후기 이성준 Lee 2018.10.14

짧은 러닝타임에도 설명을 잘해주셔서 좋습니다

1
Wiz Young 프로필

root안에 모든걸 넣는다고 하시는데 Wiz Young 2018.10.14

그럼 index.js에서 는 별거 건드리는게아니고 모든 컴포넌트를 App에 넣어서 다 제어하는건가요?? index.html안에는 지금상태 그대로 root DIV태그 1개만 존재하는건가요? 아니면 App과같은 js들을 몇개 더 만들고 그걸 index js에 넣고 사용하기도하고 index.html안에 직접적으로 넣기도 하나요??

1
정용훈 프로필

about this.setState 정용훈 2018.10.14

we usually used this.sets

this.setState({ movies : this.props.movies })

something like that by changeing or renewal new value
Bun in this example, you used only

this.setState({ movies })
I don;t know what "movies" mean in this syntax

1
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강좌들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스