계속 PhoneForm.js 파일을 못읽는거같더니
3일 전
파일 수정 후 저장시 자동정렬 기능 끄니 되는거 같아서 공유합니다.
1. 파일 - 기본 설정 - 설정
2. formatOnSave를 입력한다.
3. 첫번째 셀렉박스 체크해제
this에 관해서 질문드립니다!!
5일 전
1.
4:05 에서 this.state.number에서 this는 App.js에서 return <Counter /> 구문이 실행될때 Counter.js에 있는 this.state.number가 실행되서 this가 Counter이란걸 아는건가요/?2. handleDecrease 함수에서 화살표 함수의 this는 외부에서 찾기 때문에 <Counter/>가 실행될때 외부에서 State값을 찾을 수 있었던 건가요?3. handleDecrease 함수가 그냥 function이면 이 함수가 호출될때 handleDecrease함수만 분리되서 나오기 때문에 this를 못 찾는 것인가요?
배열 데이터 렌더링 및 관리파트에서 props로 값 가져올때 질문있습니다!
27일 전
배열 데이터 렌더링 및 관리파트에서요.
Props로 값 전달 받을 때, PhoneInfo에서는 this.props.info로 받는데요.예) const { name, phone, id }= this.props.info;
왜 PhoneInfoList에서는 그냥 props로만 받는지 궁금합니다. 왜 props.data로 안한 것인가요?예) const {data} = this.props;
index.js 파일이 다릅니다
5달 전
강의 내용과는 다르게 아래와 같이 작성되어있습니다. 상관없나요?
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById('root')
);
create-react-app 오류 (Cannot find module './encoding/utf8')
5달 전
안녕하세요,
윈도우 환경에서 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]'
]
shouldComponentUpdate NextProps 와 nextState 질문있습니다.
7달 전
shouldComponentUpdate(nextProps, nextState){
if(this.state !== nextState){
return true;
}
return this.props.info !== nextProps.info;
//true일때만 업데이트를 한다.
}
여기서 nextProps랑 this.props 랑
this.State랑 nextState차이 상세히 설명가능
한가요 ㅠ?
렌더링시 두번씩 반복 됩니다.
9달 전
shouldComponentUpdate 기능 구현하기전부터 콘솔 로그확인시 두번씩 반복되는 것을 확인할수있는데, 적용후에도 동일하게 나타납니다. 어떤 문제인지 잘 파악이 되지않아 해당 화면 첨부드립니다.
확인부탁드리겠습니다. 감사합니다.
PhoneList.js 와 PhoneInfo.js 를 나누는 이유
2020.01.20
파일 구조를 보면 제가 이해하기로는
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 로 만들어주고 화면에 보여주는 파일을 구분해주는 이유가
무엇인가요?