누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌
누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌
수강정보
(119개의 수강평)
3324명의 수강생
스킬태그 #Front-End, #Javascript, #React
16,500원
지식공유자 : velopert(김 민준)
22회 수업 · 총 2시간 53분 수업
기간 : 평생 무제한 시청
수료증 : 발급 강의
수강 난이도 : 초급
임정민 프로필

import 질문 임정민 17일 전
import React from 'react' 와 import React, {Component} from 'react'의 차이가 뭔가요?

0
임정민 프로필

index.js 파일이 다릅니다 임정민 1달 전
강의 내용과는 다르게 아래와 같이 작성되어있습니다. 상관없나요? ReactDOM.render(   <React.StrictMode>     <App />   </React.StrictMode>,   document.getElementById('root') );

0
ambacc244 프로필

const {변수명} = ? 표현법 ambacc244 1달 전
const {data} = this.props;에서 왜 변수명 data를 {}안에 넣어서 표현하나요?

1
jjb9083 프로필

create-react-app 오류 (Cannot find module './encoding/utf8') jjb9083 2달 전
안녕하세요, 윈도우 환경에서 yarn 을 사용하여 create-react-app을 설치했습니다. create-react-app <프로젝트 이름>을 사용하여 프로젝트를 생성하려고 하는데, 아래와 같은 오류가 나면서 안되네요. 어떻게 해결해야 하나요?? Error: Cannot find module './encoding/utf8' Require stack: - C:\Users\charm\Documents\bus-control\node_modules\chardet\index.js - C:\Users\charm\Documents\bus-control\node_modules\external-editor\main\index.js - C:\Users\charm\Documents\bus-control\node_modules\inquirer\lib\prompts\editor.js - C:\Users\charm\Documents\bus-control\node_modules\inquirer\lib\inquirer.js - C:\Users\charm\Documents\bus-control\node_modules\react-dev-utils\browsersHelper.js - C:\Users\charm\Documents\bus-control\node_modules\react-scripts\scripts\init.js - C:\Users\charm\Documents\bus-control\[eval]     at Function.Module._resolveFilename (internal/modules/cjs/loader.js:1065:15)     at Function.Module._load (internal/modules/cjs/loader.js:911:27)     at Module.require (internal/modules/cjs/loader.js:1125:19)     at require (internal/modules/cjs/helpers.js:75:18)     at Object.<anonymous> (C:\Users\charm\Documents\bus-control\node_modules\chardet\index.js:4:13)     at Module._compile (internal/modules/cjs/loader.js:1236:30)     at Object.Module._extensions..js (internal/modules/cjs/loader.js:1257:10)     at Module.load (internal/modules/cjs/loader.js:1085:32)     at Function.Module._load (internal/modules/cjs/loader.js:950:14)     at Module.require (internal/modules/cjs/loader.js:1125:19) {   code: 'MODULE_NOT_FOUND',   requireStack: [     'C:\\Users\\charm\\Documents\\bus-control\\node_modules\\chardet\\index.js',     'C:\\Users\\charm\\Documents\\bus-control\\node_modules\\external-editor\\main\\index.js',     'C:\\Users\\charm\\Documents\\bus-control\\node_modules\\inquirer\\lib\\prompts\\editor.js',     'C:\\Users\\charm\\Documents\\bus-control\\node_modules\\inquirer\\lib\\inquirer.js',     'C:\\Users\\charm\\Documents\\bus-control\\node_modules\\react-dev-utils\\browsersHelper.js',     'C:\\Users\\charm\\Documents\\bus-control\\node_modules\\react-scripts\\scripts\\init.js',     'C:\\Users\\charm\\Documents\\bus-control\\[eval]'   ]

0
jimdac 프로필

shouldComponentUpdate NextProps 와 nextState 질문있습니다. jimdac 3달 전
shouldComponentUpdate(nextProps, nextState){ if(this.state !== nextState){ return true; } return this.props.info !== nextProps.info; //true일때만 업데이트를 한다. } 여기서 nextProps랑 this.props 랑 this.State랑 nextState차이 상세히 설명가능 한가요 ㅠ?

0
김미리 프로필

렌더링시 두번씩 반복 됩니다. 김미리 5달 전
shouldComponentUpdate 기능 구현하기전부터 콘솔 로그확인시 두번씩 반복되는 것을 확인할수있는데, 적용후에도 동일하게 나타납니다.  어떤 문제인지 잘 파악이 되지않아 해당 화면 첨부드립니다.  확인부탁드리겠습니다.  감사합니다.

5
GodKyo 프로필

...data에서 ...의 역할이 정확히 무엇인지 궁금해요! GodKyo 7달 전
실행결과 각각 비교해보았는데, 정확한 용도를 잘 모르겠어서 질문드립니다.

2
최기영 프로필

reactjs code snippet 깔았는데 rcc해도 아무 것도 안나와요 최기영 7달 전
강의 화면에서는 자동 완성이 되던데 저는 왜 안나올까요?

1
carpediem0817 프로필

PhoneList.js 와 PhoneInfo.js 를 나누는 이유 carpediem0817 8달 전
파일 구조를 보면 제가 이해하기로는 PhoneForm.js : 이름과 전화번호를 입력받고 입력상태를 App.js 로 넘기기 PhoneInfoList.js : App.js 에 데이터를 PhoneInfoList.js 에서 받고 데이터를  map으로 돌려서 list 로 만들어준 후 PhoneInfo.js : PhoneInfoList 에서 받은 list 를 style 에 맞게 보여준다. 이렇게 이해를 했는데요. PhoneInfoList 와 PhoneInfo 를 구분한 이유가 궁금합니다. App.js 의 데이터를 PhoneInfo 에서 받아서 map 을 사용해서  바로 style 에 맞게 화면이 보여주게 할 수도 있을텐데 List 로 만들어주고 화면에 보여주는 파일을 구분해주는 이유가 무엇인가요?

0
코딩나무 프로필

Object.assign으로 값을 복사하여 concat하는 이유가 무엇인가요? 코딩나무 9달 전
궁금합니다.

1
허태정 프로필

this.state.editing을 사용해야하는 것 아닌가요? 허태정 2019.09.15
state에 들어있는 editing을 사용하려면 this.state.editing을 사용해야하는 것 아닌가요?

0
Hyunsang Han 프로필

ㅠㅠ 갑자기 어떻게 해서 검색기능이 구현된 건지 이해가 덜 되었어요... Hyunsang Han 2019.08.25
data={this.state.information.filter( info => info.name.indexOf(this.state.keyword) > -1 )} 이 부분때문일 거 같긴 한데요. indexOf는 인덱스를 뽑는 건데, 이걸로 어떻게 검색(필터링)기능이 구현 된 것인지 이해가 안되어서 질문드립니다..!  

0
Hyunsang Han 프로필

리렌더링 Hyunsang Han 2019.08.25
state가 바뀌면 컴포넌트의 렌더링이 다시 일어난다고 하셨는데요~ 리덕스를 쓰는 경우에, 부모컴포넌트에서 내려주는 props가 변경되는 일이 생기기도 하는데, 이 경우에는 어떻게 되나요? props가 바뀌어도 리렌더링 되게 되나요?

0
rhaehl@naver.com 프로필

props질문입니다. rhaehl@naver.com 2019.07.30
PhoneInfoList.js에서 <PhoneInfo info={info} key={info.id}/> PhoneInfo컴포넌트한테 전달하는데 받을 때 const {name, phone, id} = this.props.info; this.props.info로 받는건 알겠습니다. 그런데 App.js에서 PhoneInfoList로 전달할때 <PhoneInfoList data={this.state.information}></PhoneInfoList> data=어쩌고 보내니까 PhoneInfoList에서 const { data } = this.props.data;로 받아야하는 줄 알고 그렇게 작성했더니 에러가 났습니다. this.props; 로 하면 되고 this.props.data로 하면 에러가 나는데 개념이 아직 안되어있는건지는 모르겠는데 설명해주실 수 있나요 ㅠ  

2
rhaehl@naver.com 프로필

정리 rhaehl@naver.com 2019.07.12
강사님이 했던말들을 공부하면서 정리하고싶은데 제 개인 블로그에 올려도되나여? 

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