69,300원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결실전 리액트 프로그래밍
강의자료는 어디서 볼 수 있나요 ??ㅠㅠ
강의자료는 어디서 볼 수 있나요 ??ㅠㅠ
- 미해결실전 리액트 프로그래밍
단축키가 궁금합니다.
6분9초에서요 액션타입명 앞마다 다중으로 커서가 생기게 하셔서 한번에 수정하셨잖아요. 저렇게 할 수 있는 단축키가 뭔지 알려주실수 있나요??
- 미해결실전 리액트 프로그래밍
7분20초 자꾸 이렇게 뜨면서 오류나오네요
처음에 오류떠서 워크스페이스 다 지우고 다시 깔아도 이렇게 나오네요 왜그런걸까요
- 해결됨실전 리액트 프로그래밍
totalCount는 어디에 사용하나요?
좋은 강의 만들어 주셔서 감사합니다! 강의 내용이 알찬 덕분에 기쁜 마음으로 완강할 수 있었어요 ㅎㅎ 강의에 과제로 남겨놓은 무한 스크롤을 구현하다가 궁금한 점이 생겼는데요. /history api의 응답으로 totalCount가 들어오는데요, 이 데이터는 어디에 사용하는 건가요? 지금 무한 스크롤에 더 이상 받아올 데이터가 있는지 없는지 검사하는 용도로 사용하고 있는데 이런 용도로 사용해도 괜찮을까요?
- 미해결실전 리액트 프로그래밍
질문있습니다
파일명 : src/util/fetch.jscheckSlowTask = yield fork(makeCheckSlowSaga(actionType, fetchKey));apiResult = yield value;이 두 줄에 관해서 질문이 있습니다. apiResult 값은 value 값이 리턴 될 때까지 기다린 다음 실행이 되는데, checkSlowTask 값은 비동기로 진행되는 이유를 잘 모르겠습니다...혹시 ...나머지 부수효과 함수는 비동기 처리를 하고 있지만call 함수는 인자로 받은 함수를 실행해 주는 역할을 하며, 전달 받은 함수가 프라미스를 반환하는 경우 프라미스가 처리될 때까지 제너레이터를 중지 시키기 때문인가요?
- 해결됨실전 리액트 프로그래밍
질문 있습니다
안녕하세요! 강의 잘 보고 있습니다 11:31 경 로그인 되어 있지 않을 때 User 페이지에 접근하면 깜빡거리는 현상이 있는데요. 게다가 어차피 로그인 페이지로 이동하는데 불필요하게 서버 api 호출도 일어나더라구요. 그래서 이를 방지하기 위해 다음과 같은 코드를 사용해도 괜찮을까요? // before export default function App() { // ... <> <Route exact path="/" component={Search} /> <Route path="/user/:name" component={User} /> <Route path="/login" component={Login} /> <Route path="/signup" component={Signup} /> </> ); } // after export default function App() { const authStatus = useSelector((state) => state.auth.status); <> {authStatus && ( <Route exact path="/" component={Search} /> <Route path="/user/:name" component={User} /> <Route path="/login" component={Login} /> <Route path="/signup" component={Signup} /> )} </> ); }
- 미해결실전 리액트 프로그래밍
3분 33초의 return의 소괄호의 유무가 궁금합니다.
안녕하세요 강의 잘 듣고 있습니다. 3분 33초 부근의 6번 째 줄과 8~10번 째 줄을 비교하였을 때 왜 후자는 return에 ()가 있고 전자는 ()가 없나요? 생략이 된 것인가요?
- 해결됨실전 리액트 프로그래밍
질문이 있습니다
안녕하세요~ 강의 잘 듣고 있습니다! 7:45 경 작성하는 useEffect 부수함수에 관해서 질문이 있는데요. 새로고침 말고, 홈페이지에서 검색을 통해 유저 페이지로 넘어가는 경우에, 아래의 코드 때문에 user가 store에 저장됩니다. 근데 방금 작성한 useEffect 훅의 부수 함수가 user를 받아와서 다시 store에 저장하더라구요. 중복이 발생했는데 큰 문제가 없을까요? // SearchInput.js function goToUser(value) { const user = autoCompletes.find((item) => item.name === value); if (user) { dispatch(userActions.setValue('user', user)); // setValue 액션이 SearchInput 컴포넌트에서 먼저 발생 history.push(`/user/${user.name}`); } }
- 미해결실전 리액트 프로그래밍
설명 진짜 잘하시네요 ㄷ
감사합니당
- 미해결실전 리액트 프로그래밍
useEffect 2번째 배열에서...
useEffect 2번째 배열에서 [a,b] 이렇게 넣으면 a,b가 둘다 바뀌어야 useEffect 함수가 다시 실행이 되는건가요? 아니면 a나 b 둘중 하나가 바뀌어도 실행이 되는건가요. 헷갈려서 질문드립니다
- 해결됨실전 리액트 프로그래밍
질문이 있습니다!
안녕하세요! 강의 너무 잘 듣고 있습니다. 이번 강의에서 setValue라는 이름의 action creator를 이용해서 코드를 개선하는 방법을 배웠는데요. 여기에 더 나아가서 상태값을 추가했을 때 selector.js도 변경하지 않도록 다음과 같은 코드(getValue)를 selector.js에 추가하는 어떨까요? // selector.js // export const getAgeLimit = (state) => state.friend.ageLimit; export const getValue = (key) => (state) => state.friend[key]; // FriendMain.js export default function FriendMain() { const ageLimit = useSelector(getValue('ageLimit')); // ... }
- 미해결실전 리액트 프로그래밍
강의 잘 보고있습니다
선생님 강의 잘 보고 있습니다 감사합니다 vscode로 따라하면서 공부하고 있는데 강의에서는 컴포넌트가 자동완성으로 자동 임포트되고 하던데 별도로 설정을 해줘야하는건가요? 그렇다면 어떻게 하는지 방법이 궁금합니다 항상 감사합니다
- 미해결실전 리액트 프로그래밍
Redux 상태관리 문의드립니다.
강사님 안녕하세요. Redux 복습하던 중에 불현듯 떠오른 생각이 있어 문의를 남기고 갑니다. Redux Dev Tool 의 경우, 개발 시점에서는 매우 유용한데요.. 이런 기능들은 보안에 취약할 수 있는 부분일 거 같습니다. 물론 상용계에서는 당연히 적용이 되지 않겠지만 이런 Tool 이외에도 혹시 해킹 같은 것을 통해 현재 전역 State 가 노출될 수 있는 것일까요? Redux 의 전역 State 에 중요 정보를 보관해도 되는 지 궁금합니다.
- 미해결실전 리액트 프로그래밍
action처리의 완료
안녕하세요~강의 보면서 너무 많이 배우고 있습니다! store.dispatch({type:'INCREMENT'}) 실행시 redux의 동작은 dispatch(Action) => reducer(state,Action) => new State(store에 전달) => store (new State저장)[액션 처리의 끝?] => view 이고 action처리의 끝은 store에 새로운 상태값이 저장된 것일까요?
- 미해결실전 리액트 프로그래밍
마지막 강의 실습예제를 하다가 도무지 안되어 문의드립니다
안녕하세요 실전리엑트 프로그래밍 도서를 구매하고 동영상강의도 알차게 보구있는 개발자입니다 다름이 아니오라 마지막 강의인 실습예제 에서 final 디렉토리상의 server 디렉토리 경로상에서 노드를 npm install하고 npm start한뒤 그전경로에서 리엑트를 npm install 하고 npm start를 했는데 브라우저상에서 검색창만 보이고 db데이터를 못 끌어오고 아무것도 되지 않는데요... 어떻게 해야 하는지요?
- 해결됨실전 리액트 프로그래밍
질문이 하나 있습니다!
안녕하세요! 강의 잘 듣고 있습니다. 질문이 한 가지 있는데요 3:03부터 진행되는 예제에서.. useRef 훅으로 변경했음에도 onClick 속성값이 변경되었을 때,여전히 window 객체에 클릭 이벤트핸들러를 불필요하게 추가 하더라구요. 혹시 useRef훅 예제의 12번째 줄이 빈 배열을 넘겨주도록 다음과 같이 수정되어야 하는 것이 아닌가요? useEffect(() => { window.addEventListener('click', () => { onClickRef.current(); }); }, []);
- 미해결실전 리액트 프로그래밍
함수(onClick)이 변한다는 것
function MyComponent1 ({onClick}) { useEffect(() => { window.addEventListener('click',()=>{ onClick(); }) }, [onClick]) } 안녕하세요.강의 너무 잘 보고 있습니다. 1. onClick이 함수이고, 함수가 변한다는 건 함수의 코드 로직이 변한다는 거로 이해하면 되는 걸까요?
- 해결됨실전 리액트 프로그래밍
죄송하지만 Button.js 내용은 어디서 확인할 수 있나요?
죄송하지만 Button.js 내용은 어디서 확인할 수 있나요?
- 미해결실전 리액트 프로그래밍
useEffect
강의 너무 잘 보고 있습니다. 1. useEffect(callback) => 컴포넌트 렌더링 후에만 딱 1번 실행이고, useEffect(callback) 과 useEffect(callback,[])은 같은 거라고 보면 될까요? 2. useEffect(callback,userId) => 컴포넌트 렌더링 후 1번 실행 그 후에는 userId변할때만 실행인지, 컴포넌트 렌더링 관련없이 userId변할때만 실행인지 궁금합니다~
- 해결됨실전 리액트 프로그래밍
type 'Window & typeof globalThis' / DefaultRootState 오류
Q.1 아래 오류가 리덕스 개발툴과 관련있다고 하는데 혹시 원인을 알 수 있을까요? 강의 그대로 따라했는데 제가 어떤 설정을 잘못한건가요?? type 'Window & typeof globalThis' -> 오류 문구 오류 코드 작동 코드 Q.2 DefaultRootState' 이 문구가 뜨면서 search 부분이 계속 오류가 뜹니다. ------- 브라우저에는 net::ERR_CONNECTION_REFUSED 라고 뜹니다!