소개
👋🏼 안녕하세요 인프런에서 강의하는 김정환입니다.
수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.
강의
전체7로드맵
전체2수강평
- 너무 좋은 강의입니다 ㅎㅎ
김정현
2024.08.30
1
게시글
질문&답변
2024.10.27
렌더 프롭 관련하여 질문드립니다
컴포넌트의 역할을 1) 상태 관리 와 2) 리액트 앨리먼트 관리 라고 볼 수 있는데요. 이런 경우도 있을 것 같습니다. 상태를 관리하지만 리액트 앨리먼트는 다른 경우. 컴포넌트가 상태 관리하는 역할만 하는 거죠. 이러한 상황은 리액트 컨택스트 에서도 마찬가지인데요. 이벤트 에미터의 상태는 관리 하지만 이 값을 가지고 렌더링하는 로직은 외부에 두고 싶습니다. 컴포넌트가 직접 앨리먼트를 만들어 렌더링 하지 않고 외부로 위임할 때 리액트 앨리먼트를 반환하는 함수를 프롭으로 사용할수 있는데요. 이를 렌더 프롭 이라고 부릅니다. 아래 AI 답변과 리액트 문서를 참고하시면 도움이 되실겁니다.
- 0
- 2
- 22
질문&답변
2024.10.26
delegate, emit 필요한 이유
delegate는 하나의 요소에 이벤트 핸들러를 설정해 여러 자식 요소에서 발생하는 이벤트를 관리하는 역할입니다. 각 요소에 직접 바인딩하는 기법에 비해 한번에 여러 요소의 이벤트를 처리할 수 있는 장점이 있습니다. emit는 요소에게 이벤트를 전달하는 함수인데요. 보통 객체 간의 값을 전달하려면 함수를 호출하는 게 일반적입니다. 객체를 직접 참조할 수 있는 경우에는 이렇게 함수 인자로 전달할 수 있습니다. 하지만 멀리 떨어진 경우에는 함수를 호출하지 못하는데요. 이벤트를 사용하면 시점, 객체 거리와 상관없이 호출할 수 있는 유연함이 있습니다. 아래 ai 답변도 참고하시면 이해하시는데 충분히 도움이 될 것 같습니다.
- 0
- 2
- 22
질문&답변
2024.09.03
babel-core module 에러
혹시 웹팩으로 빌드하실 때 오류가 나는 것일까요? 질문을 읽어보면서 저도 몇 가지 궁금한 게 생겼습니다. 1) 웹팩 5를 사용하셨다고 했는데 캡쳐하신 package.json에는 버전 3으로 되어있습니다. 이 상태에서 npm run build 나 npm run dev를 실행하면 버전 3으로 실행될텐데요. 웹팩 5를 어떻게 사용하셨는지 궁금하네요. 2) babel-core의 template을 사용하신 것 같습니다. 수업에서 다루지 않는 내용인데요. 혹시 이것 때문에 패키지를 추가하시는 걸까요? 문제를 재현할 수 있는 코드를 깃헙으로 공유해 주시면 좋겠습니다. 제 로컬 환경에서도 실행해 보면 좀 더 빨리 도와 드릴 수 있을 것 같습니다.
- 0
- 2
- 46
질문&답변
2024.08.30
webpack에서 babel-loader 사용할때 질문
네 그렇습니다. 로더 옵션에 추가된 값은 바벨 옵션과 합쳐진다고 하네요. The options passed here will be merged with Babel config files, e.g. babel.config.js or .babelrc. 이 문서를 참고하면 도움이 되실 겁니다. https://webpack.js.org/loaders/babel-loader/
- 1
- 1
- 31
질문&답변
2024.08.29
eslint no-extra-semi 관련 질문
플러그인을 사용할 때 제공하는 룰을 명시해야하나 봅니다. 저도 플러그인을 잘 사용해 보진 않아서 확실친 않습니다만 이 문서를 참고해 보시면 도움이 되실 것 같아요. https://eslint.org/docs/latest/use/configure/plugins#use-plugin-rules -- 두번째 지원 종료된 룰에 대해서는 잘 모르겠네요.
- 1
- 1
- 31