69,300원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결실전 리액트 프로그래밍
makeFetchSaga 문의드립니다.
강사님 안녕하세요.제가 강사님 강의를 동료들에게 추천해서 현재 3명이 이 강의를 더 듣고 있답니다.그런데 저 혼자 열심히 듣고 있는 거 같아서 협업이 잘 안되고 있네요 ㅠ 오늘은 강의해서 설명해 주신 makeFetchSaga 를 보면서 응용을 해보고 있습니다.makeFetchSaga 에서는 하나의 Action 에 하나의 callApi 만 포함되어 있다고 가정하고 작성된 관리법 같습니다. 즉, Action 기준으로 API 상태관리가 이뤄지고 있는 듯 한데요.그런데 하나의 Action 을 통해 동시에 2-3건의 callApi 를 호출해야 하는 경우도 있을테고 (all 안에 2건의 call 을 넣어서...)아니면 callApi 를 순서대로 2-3번 호출해야 하는 경우도 있을 거 같아요..이럴 경우에는 Action 단위로 상태관리가 어려워질 것 같은데 현업에서는 어떻게 활용하고 계신지요?
- 해결됨실전 리액트 프로그래밍
상태가 아닌값을 ref에 저장하는 이유가있나요?
useRef(0) 이렇게 해서 값을 저장 해서 사용하는이유가 궁금 합니다. 컴포넌트 외부에 let변수를 선언 해서 사용하지 않는 이유가 있을까요? 강의 감사합니다.
- 미해결실전 리액트 프로그래밍
성능 이슈 관련해서 문의드려요
강사님 안녕하세요. 강사님 강의가 좋아서 몇 번을 돌려보고 있는 지 모르겠습니다. 좀 더 실무에 활용할 수 있는 리액트 두번째 강의도 만들어 주시면 안될지요? ㅎㅎ 오늘은 강의에서 적용하셨던 Antd 의 다양한 요소를 함께 적용해 보고 있는데요.Antd 의 Form 에 다양한 요소들(Input, Select, Radio 등) 을 담아서 양식 등록하는 화면을 만들어 보고 있습니다. 만약 Form 안에 많은 항목들이 담긴 양식을 하나 개발한다고 가정해보겠습니다.양식의 모든 요소들은 Redux 를 사용하여, 강의님이 설명해주신 dispatch(SetValue(...)) 와 useSelector 를 사용하여 연동을 시키구요.. 이럴 경우, form 의 한 가지 요소만 값이 변경해도 양식 전체의 가상돔이 리렌더링이 발생할 듯 한데요..혹시 양식의 요소가 많아질 경우, 양식을 하나의 컴포넌트가 아닌 여러개의 컴포넌트로 분리시키는 것이 중요할 지 궁금합니다.(한번에 저장되는 양식이라 할지라도) 쪼갠 컴포넌트들이 재활용 가능성이 전혀 없는 Component 라 할지라도 성능을 고려하여 state 의 변화에 따른 렌더링의 범위를 줄이기 위해 하나의 양식 컴포넌트를 여러 개로 쪼개야만 하는 것인지.. 이런 부분들이 공부하면서 어려운 점이네요..조언을 부탁드리겠습니다.
- 해결됨실전 리액트 프로그래밍
강의 말씀 중에 궁금한 점이 있어서 질문드립니다.
강의를 듣다가 궁금한 점이 있어서 질문드립니다. 8:40에서 3개의 요소에 각각의 버튼을 랜더링 하고 그에 대한 설명으로 보통은 리액트 안에서 해결을 하는게 좋다고 말씀해주셨는데 리액트 안에서 해결한다는 말이 어떤 의미인지 정확히 모르겠습니다. 저는 각 root 1, 2, 3에 랜더링을 하는 것도 리액트를 사용하는거고 리액트 안에서 사용을 한다고 생각했는데 리액트를 사용한다는 것과 리액트 안에서 해결한다는 의미의 차이가 궁금합니다. 그냥 단순히 1개의 요소에 여러개의 버튼을 랜더링하는게 리액트 안에서 해결한다는 의미인가요? 기본 개념에 대해 거의 무지한 채로 리액트를 사용하다보니 작은 것이라고 온전히 이해하고 싶어서 질문드립니다.
- 미해결실전 리액트 프로그래밍
현재기준 node-sass 그냥 설치하면 5.0.0 버전으로 설치되는데
css-loader 모듈이랑 뭔가 충돌이 있는것같아요 빌드시에 에러 발생합니다 dependencies에서 4.14.1 버전으로 변경하고 다시 설치하니 잘 되네요 혹시 안되시는분들은 확인해보세요
- 미해결실전 리액트 프로그래밍
컴포넌트 내부 함수
강사님 리액트를 공부하면서 제일 어려운 부분이 이번 문의와 같은 부분인데요컴포넌트 개발을 할 때, 작성한 함수들을 컴포넌트 내부에 배치할 지, 외부에 배치할 지 고민해야하는 항목인지 궁금합니다. 아마 컴포넌트 내부의 함수는 컴포넌트가 리렌더링될 때마다 새로 만들어지는 것 같은데요.이런 측면 때문에 외부로 뺄 수 있는 함수가 있는 지 고민할 필요가 있을지요?만약 그게 맞다면 어떤 함수들을 외부로 빼야 되는 것인지 기준을 좀 알고 싶습니다.
- 미해결실전 리액트 프로그래밍
ContextAPI 문의
강사님 안녕하세요.설명해주신 ContextAPI 를 적용해 보고 있습니다. ContextAPI 를 사용하면 부모가 가진 함수를 멀리 떨어진 자식이 편하게 호출을 할 수 있는 거 같은데요.만약 아래 그림가 같은 DOM Tree 에서 J 컴포넌트에서 A나 C에 있는 함수를 호출하고 싶은 경우에도ContextAPI 를 사용할 수 있을까요??그러한 상황을 처리할 수 있는 좋은 방법이 궁금합니다.
- 미해결실전 리액트 프로그래밍
강의 자료
혹시 강의 때 작성하셨던 코드 폴더를 볼수는 없는 건가요..?
- 미해결실전 리액트 프로그래밍
npm start
$npm start를 실행하면 자꾸 위와같은 오류가 뜨는데... 왜그러는걸까요,,? 다른분들 질문을 참고해서 전역 node_module/webapck 부분은 없었고 오류에서 나온 방법대로 해봐도 .. 안됩니다.. 뭐가 문제일까요.?
- 미해결실전 리액트 프로그래밍
궁서체 폰트 추가 문의드립니다.
선생님 안녕하세요. 해당 강의에서 Caligrahhy 폰트를 추가하셨는데, 어떻게 추가하셨는지 궁금합니다. 따로 css도 없고 깃허브에서 해당 키워드로 레포지토리 조회시에도 따로 설정하신게 없는데.. 어떻게 하셨는지 알 수 있을까요? 저의 fontFamily에는 기본 폰트만 나오기 때문에 말씀하신 폰트는 적용이 안됩니다 ㅠㅠ 구글에서도 찾아 봤는데, 잘 안나오네요. 바쁘신 와중에 답변해주신다면 감사하겠습니다. 감사합니다.
- 미해결실전 리액트 프로그래밍
Parsing error: Unexpected reserved word 'yield'
안녕하세요 강의 잘 보고 있습니다 다른 오류는 질문게시판의 답을 보고 해결하였는데 saga 파일의 yield에서 오류가 뜹니다 @ts-ignore 인가 그거 추가하는 것 도 있어서 해봤는데 되질 않네요..
- 미해결실전 리액트 프로그래밍
vscode에서 사용하시는 플러그인들이 궁금합니다.
선생님 안녕하세요, 현재 강의에서 사용하고 있는 vscode 플러그인들이 궁금하여 이렇게 문의드립니다. 항상 강의 잘 듣고 있습니다. 좋은 강의 찍어주셔서 대단히 감사합니다 ^^
- 미해결실전 리액트 프로그래밍
1분경 나오는 사례
1분 경에 나오는 사례의 의도가 잘 이해가 가지 않습니다. 의존성 배열을 삽입하는 경우든 아니든, 화면을 클릭하면 state가 바뀝니다. 그러면 컴포넌트가 렌더링되면서 state가 업데이트 되고, useEffect가 실행되겠지요. 의존성 배열을 지우고 set 함수안에 함수적으로 state를 업데이트 해주셨는데, 별 다른 차이가 있을까요? 혼란스럽네요... 의존성 배열을 빈배열로 넣고 클로저 현상이 생길때, 함수적으로 update하면 클로저 현상을 없앨 수 있다.. 이런 의도인건지 아니면 다른 의도가 있는건지 잘 모르겠습니다.
- 미해결실전 리액트 프로그래밍
Redux Toolkit 문의
강사님 안녕하세요. Redux 와 Redux Saga 를 잘 활용할 수 있는 토이프로젝트를 해보려고 하는데함께 공부하고 계신 한 분이 Redux Toolkit 의 createSlice 사용을 희망하더군요.. Redux 공식툴이고, 내부적으로 immer 나 reselect 가 적용되어 있다고 해서강사님이 활용하고 계신 방법과 유사한 부분이 있는 것 같습니다.하지만 action 객체의 정의가 좀 불명확해보여서 약간 사용이 꺼려지는데강사님은 해당 툴에 대해 어떤 생각을 가지고 계신지 궁금합니다.
- 미해결실전 리액트 프로그래밍
useImperativeHandle 훅에 관련된 내용은 어느 회차에서 볼수 있을까요??
함수형 컴포넌트 에서도 마치 클래스형 컴포넌트의 멤버 변수가 메서드를 접근하는 것처럼 함수형 컴포넌트 내부의 변수와 함수를 외부로 노출시킬수 있는 useImperativeHandle 에 대해 좀 더 알고 싶은데요. 나중에 설명해주신다고 나와 있는데 어느 회차에 있는지, 알수 있을까요?
- 미해결실전 리액트 프로그래밍
createReducer 질문
createReducer 함수를 작성하면 리듀서를 switch case 문을 안쓰고 간단하게 생성할 수 있는데요, 여기서 createReducer는 react나 redux가 제공하는 내장 함수가 아니라 저렇게 따로 만들어서 리듀서를 사용하는 컴포넌트에 import 해서 사용하는건가요? 그렇다면 결국 10.js 파일에 있는 createReducer 함수는 모두 똑같이 저렇게 만들어서 사용하는게 국룰인가요?
- 미해결실전 리액트 프로그래밍
useState 관련 문의
useState 관련 오류가 발생하여 다음과 같이 수정하였습니다. //import React, { useEffect } from 'react'; // 오류 발생 import React, { useEffect, useState } from 'react'; useState 를 가져오지 않아도 동영상에서는 동작을 하는 이유가 뭘까요? 확인 부탁드립니다. 감사합니다.
- 실전 리액트 프로그래밍
영상 내 마지막에 redux-helper.js 파일에 대해서 궁금합니다!
삭제된 글입니다
- 해결됨실전 리액트 프로그래밍
마지막 user관련 예제에서요!
UserDetail의 초기화를 위해 key를 사용한다고 말씀해주셨는데요. 만약 로그인 정보가 바뀌면 user가 바뀌면서 속성값이 바뀌는거니까 key를 입력안해줘도 자연스럽게 초기화되는거 아닌가요..?!
- 해결됨실전 리액트 프로그래밍
이전 상태값을 기반으로 다음 상태값을 사용하는 사례가 어떤게 있을까요?
영상 내에서는 이전 상태값을 이용해서 +1을 계속 해주는 예제를 보여주셨는데요! 영상 속 사례에서는 굳이 [count]를 의존성 배열에 안넣어줘도 작동을 하니까 어느 부분에서 유용하게 쓰이는지가 좀 헷갈리더라구요..! 이전 상태값을 기반으로 다음 상태값을 사용하는 사례가 어떤게 있을까요?