inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

Editor Component의 최적화 불가능 이슈

미해결

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요! context 분리하기 수업을 듣다가 궁금한 점이 있어서 질문 드리려고 합니다. 8분 경에 Editor Component에서 useContext(TodoDispatchContext)를 사용하도록 하셨는데요. 여기에서 추가로 이전에 배운 memo()라는 HOC를 적용하면 Editor Component도 마찬가지로 최적화가 가능할 것이라고 생각하여 테스트 해보았습니다. 코드는 강사님과 동일하게 작성하였고, Editor.jsx 파일의 마지막 라인만 export default memo(Editor);로 바꿔줬는데요. 이렇게 하고나서 특정 Todo의 체크박스를 계속 눌러보았는데, Editor Component가 여전히 최적화 되지 않고 Highlight되는 것이 이해가 가지 않아서 질문 드립니다..

  • javascript
  • react
  • node.js
댓글 1 좋아요 0 조회수 7

Cursor 창이 수업 내용과 달라요.

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

Cursor 창이 수업 내용과 달라요. 스크린 샷 확인해주세요. 수업 내용이 안들어와서 답답합니다 ㅠ ㅠ

  • react
  • 인공지능(ai)
  • claude
박희영 댓글 2 좋아요 0 조회수 5

Supabase MCP 관련 질문입니다

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

공식 문서에서, Supabase MCP를 실제 운영 환경이 아닌 개발 환경에서만 사용하라는 내용을 읽어주셨는데 혹시 그렇게 해야 하는 이유가 있는 것일까요? 실제 운영하는 백엔드 프로젝트에 Supabase MCP를 활용하면 안되는 것일까요(?)

  • react
  • 인공지능(ai)
  • claude
고래밥 댓글 1 좋아요 0 조회수 6

에러핸들링- rootlayout에 관하여

미해결

한 입 크기로 잘라먹는 Next.js

안녕하세요. 에러핸들링 강의에서 error.tsx를 (with-searchbar) group 폴더 안에 배치했을때, root layout의 footer의 에러가 나서 화면에 아예 next 오류가 나는 거 같습니다. 이전의 비슷한 질문에서 footer의 fetch 의 cache를 'force-cache'로 설정하였기때문에 오류가 잡히지 않는다라는 글을 본적이 있어서 확인해본 결과, force-cache로 설정해도 next.js 화면 오류로 인해 렌더링이 되지 않는 것을 확인했습니다. 근데 이 Rootlayout 에서 footer를 삭제하면 화면이 뜨고, error.tsx 가 그려지는 것을 확인할 수 있었습니다. 혹시 global-error를 설정하면 동작하지 않을까 하여 해봤지만, next.js 화면 오류만 보여지는 상황입니다. 요약하자면, global-error.tsx를 설정하든 안하든 rootlayout의 footer 에러로 인해 next.js 화면 오류로 덮여지는 상황입니다.

  • react
  • typescript
  • next.js
댓글 1 좋아요 0 조회수 5

useCallback ⊂ useMemo

미해결

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요. useMemo와 useCallback이라는 리액트 훅을 함께 공부하다 보니 궁금한 점이 생겨서 질문하려고 합니다. useMemo()의 아규먼트로 전달한 콜백함수의 반환값이, useCallback()의 첫 번째 아규먼트로 전달하려는 콜백함수가 된다면 useMemo()가 useCallback()을 완전히 대체할 수 있는 것 아닌가요? 2-1. 위의 예측이 아니라면 useCallback()만의 독자적인 기능이 존재하는지 그리고 그것이 무엇인지 궁금합니다. 2-2. 위의 예측이 맞다면 굳이 useCallback()과 useMemo()를 나눈 이유가 무엇인지 궁금합니다. (콜백함수 내부에서 새로운 함수를 정의하고 반환하는 더러운 구조를 용납(?)하지 않기 위해서인가요..?)

  • javascript
  • react
  • node.js
ikv 댓글 2 좋아요 0 조회수 11

강의 내용 누락

미해결

Introduction to React Development: Build Modern Web Applications

2강과 3강 사이 강의 내용이 누락된 것 같습니다.

  • react
  • hook
  • parent-child
  • state-management
  • react-jsx
mckim2004 댓글 0 좋아요 0 조회수 7

클로드 로그인 후 승인창이 안떠요

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

클로드 코드 초기설정에서 클로드 로그인 후에 승인창이 안뜨고 max 또는 pro로 업그레이드하라는 메세지가 떠요

  • react
  • 인공지능(ai)
  • claude
댓글 1 좋아요 0 조회수 11

깃허브 저장소를 어디에 첨부하셨나요?

미해결

프론트엔드 시스템 설계: 분산시스템으로서의 프론트엔드

깃허브 기반으로 실습예제를 진행한다면서요. 어디에 공개되어있나요?

  • javascript
  • react
  • React-Context
  • frontend
  • 시스템-디자인
  • react.js
Tk 댓글 1 좋아요 1 조회수 14

61강 claude.local.md 변경사항 관련 질문

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

강의 영상에선 7:13 정도에 변경사항에 '.gitignore'만 보이는데, 저는 왜 claude.local.md까지 보일까요? 몇번을 똑같이 따라했는데 답답해 죽겠네요. 혹시 claude.local.md 파일을 스테이징으로 올린 후 커밋까지 하신건가요? (6:40 부분쯤) 하려다 취소하신 것 같은데. 뭐가 문제인지 모르겠습니다ㅜㅜ

  • react
  • 인공지능(ai)
  • claude
advanceho 댓글 3 좋아요 0 조회수 14

스타터 저장소

미해결

프론트엔드 시스템 설계: 분산시스템으로서의 프론트엔드

스타터 저장소가 있는듯 한데 누락된 것 같아요

  • javascript
  • react
  • React-Context
  • frontend
  • 시스템-디자인
  • react.js
화를참자 댓글 1 좋아요 1 조회수 17

라이브러리 설치 질문

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

4.2) 강의에서 package.json파일 기반으로 라이브러리를 설치해야 한다고 하셨는데 이미 node_modules파일과 package-lock.json파일이 설치되어 있다면 터미널에서 npm install을 할 필요는 없는 건가요?

  • javascript
  • react
  • node.js
손재상 댓글 2 좋아요 0 조회수 18

linter 질문

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

Oxlint와 ESLint차이점이 궁금합니다. 둘 중 어느 것을 설치하는 것이 맞나요?

  • javascript
  • react
  • node.js
손재상 댓글 2 좋아요 0 조회수 20

DESIGN.md 파일이 잘못되었어요

해결됨

진짜 바이브코딩 올인원 클래스: Claude Code 기초부터 런칭, 운영, 에이전트 자동화까지

수업노트에 첨부된 DESIGN.md 파일이 잘 못 되어 다운로드 되지 않습니다. 수정이 필요해보입니다. 일단, git repo에서 다운로드 받아서 사용했습니다.

  • git
  • github
  • next.js
  • 인공지능(ai)
  • ai-agent
  • claude
  • 바이브코딩
hanbrang 댓글 1 좋아요 1 조회수 28

github

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

깃허브 닉네임은 뜨는데 이메일이 안뜨면 어떻게 해야하나요?

  • react
  • 인공지능(ai)
  • claude
문원미 댓글 2 좋아요 0 조회수 31

react-fetch -2 (loading) 에러

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

react 19 및 ESLint (exlint-plugin-react-compiler 또는 최신 react-hooks 규칙)에서 새로 추가된 규칙으로 발생하는 문제가 있습니다. useEffect(() => { setIsLoading(true); fetch("http://localhost:3000/posts") .then((reponse) => { return reponse.json(); }) .then((data) => setPosts(data)) .finally(() => { setIsLoading(true); }); }, []); useEffect 내부에서 조건 없이 동기적으로 setState를 호출하면 컴포넌트가 마운트되자마자 불필요한 리렌더링 연쇄가 일어나기 때문에 위와 같은 코드 작성을 금지한다고 하는데, 최신 문법에 맞는 방법은 어떻게 작성하면 좋을지 궁금합니다

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
5647kr 댓글 2 좋아요 0 조회수 28

Claude에서 Bash, PowerShell 커맨드 묻기

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

강사님이 하시는 것처럼 to-do app 만들거나 포트폴리오 사이트 만들기 할때마다 claude가 allow this bash command? 를 물어봅니다. 대체 왜 그런걸까요?

  • react
  • ai
  • claude
정효원 댓글 2 좋아요 0 조회수 33

mission 4 실행중 같은 질분 반복

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

mission 4 실행중에 Chrome 관련해서 동일 질문이 계속 반복됩니다. Allow all actions을 선택해도 계속 같은 질문이 나와서 해결 방법을 알고 싶습니다 .

  • react
  • 인공지능(ai)
  • claude
Ryu 댓글 2 좋아요 0 조회수 28

리덕스 툴킷 맵다

미해결

실무 중심! FE 입문자를 위한 React

와 어렵네 진짜 너무 쓸데없이 추상화 많이 된거같은데

  • react
  • redux
  • node.js
  • sass
  • swr
pumpingYoo 댓글 1 좋아요 0 조회수 24

sequential thinking mcp 사용 유용성에 대하여 질문있습니다.

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

현재 자체 추론이 가능한 추론 모델들도 있고, claude code sonnet 모델부터는 effort로 추론, 사고 강도를 단계별로 활성화도 가능한데, sequential thinking mcp의 유용성에 의심이 갑니다. 오히려 자체 추론 능력을 저해하거나, 굳이 필요없는데 mcp를 콜해서 토큰이 추가적으로 소모되거나 하는 문제가 있을 것 같아서요. 자체 추론 기능이 없는 모델에서는 유용할 수 있을 것 같은데, 그 외의 모델에서는 이 mdp가 유용할까 의심이 듭니다. 강사님 생각은 어떠신가요?

  • react
  • 인공지능(ai)
  • claude
정민교 댓글 2 좋아요 0 조회수 47

타입 점검하기 swr관련 질문 있습니다.

미해결

Slack 클론 코딩[실시간 채팅 with React]

9분57초 쯤에 질문 있습니다. 실제 서비스라고 가정했을 때 사용자가 저 sleact에 focus를 두지 않고 다른 탭을 사용한다면 지금과 똑같이 대화가 와도 sleact에 focus를 두지 않는 한 채팅이 화면에 반영되지 않는건가요?

  • react
  • 웹팩
  • typescript
  • socket.io
  • babel
  • 클론코딩
studycode2408 댓글 2 좋아요 0 조회수 32

인기 태그

인프런 TOP Writers

주간 인기글