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 조회수 6

Supabase MCP 관련 질문입니다

미해결

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

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

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

Jib 이미지 빌드에서 docker credential 관련으로 이슈가 있다면

미해결

트래픽 급증을 견디는 서버 시스템 설계 - Coupon 발급 서비스

MacOs 사용자 분들이시고 cat ~/.docker/config.json 의 결과에 credsStore 필드가 osxkeychain이고 auth 필드의 값이 비어있으신 경우 인증정보가 keychain으로 관리되고 있고 이걸 jib이 가져오지 못하고 있는 겁니다. 방법 1 (가장 추천합니다) jib 내부의 from과 to 블록의 image 선언 다음 credHelper { helper = "osxkeychain" } 해당 코드를 추가해 keychain에 접근할 수 있도록 해주면 좋습니다. + auth {}로 인증정보를 주입하는 방법으로도 대체 가능합니다. 방법 2 (문제 회피) java 25 이미지를 docker pull 받아 로컬에 두고 ./gradlew jibDockerBuild 하시면 됩니다. 나중에 redis를 받던데 그때로 같은 방법으로 해결하면 될 것같습니다. 방법 3 (keychain 필드깨서 강제로 base64쓰게 하기) credsStore 필드를 훼손시켜 강제로 auth에 암호화된 내용을 저장하도록 하는 것같습니다. 정말 추천하지 않으며, 위 방법이 모두 실패하면 시도해보세요.

  • java
  • kotlin
  • mysql
  • docker
  • spring-boot
  • kafka
  • redis
Wyatt 댓글 1 좋아요 1 조회수 14

에러핸들링- 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

리뉴얼 시기

미해결

자바 ORM 표준 JPA 프로그래밍 - 기본편

‘자바 ORM 표준 JPA 프로그래밍 - 기본편’ 강의가 올해 안으로 리뉴얼될 예정이라고 들었는데, 혹시 대략적인 리뉴얼 시기를 알 수 있을까요? 현재 강의를 바로 수강할지, 우선 프로젝트를 진행하면서 기다렸다가 리뉴얼된 강의를 수강할지 고민 중이라 문의드립니다. 감사합니다.

  • java
  • jpa
전성민 댓글 0 좋아요 0 조회수 3

스크립트에 대해 질문 있습니다.

해결됨

트래픽 급증을 견디는 서버 시스템 설계 - Coupon 발급 서비스

안녕하세요 강의 잘 듣고 있습니다! 혹시 강의에서는 스크립트를 많이 사용하시는데 테스트 코드로는 못하는건가요? 실무에서도 스크립트를 많이 사용하시나요?

  • java
  • kotlin
  • mysql
  • docker
  • spring-boot
  • kafka
  • redis
정인호 댓글 1 좋아요 1 조회수 12

같은 사용자가 연속된 중복 호출할 경우 어떻게 되는지 궁금합니다!

해결됨

트래픽 급증을 견디는 서버 시스템 설계 - Coupon 발급 서비스

안녕하세요 강의 잘 듣고있습니다 강의를 듣다가 궁금한게 생겨 질문을 드립니다! 같은 사용자가 따닥으로 중복 호출 했을 때 unique 제약 조건에 걸려 예외가 발생할텐데 redis에 있는 쿠폰 재고는 어떻게 되는지 궁금합니다!

  • java
  • kotlin
  • mysql
  • docker
  • spring-boot
  • kafka
  • redis
케시 댓글 1 좋아요 1 조회수 10

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

조건 검색 질문

해결됨

스프링부트로 직접 만들면서 배우는 대규모 시스템 설계 - 게시판

학습 관련 질문을 최대한 상세히 남겨주세요! 고민 과정도 같이 나열해주셔도 좋습니다. 먼저 유사한 질문이 있었는지 검색해보세요. 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 쿠케님 강의 너무 잘 보고 있습니다. 해당 내용 수강중에 궁금한 점이 생겨 질문 드립니다. 혹시 제목이나 내용을 검색한다고 했을때는 redis에서 조건을 통해 조회를 하는것인지 다른 전략이 있는지 궁금합니다!

  • java
  • mysql
  • spring-boot
  • kafka
  • redis
azosi 댓글 1 좋아요 0 조회수 11

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

미해결

클로드 코드 완벽 마스터: 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 조회수 15

JPA 엔티티로 만들었다고 기술종속이 아닌지에 대한 질문

미해결

토비의 클린 스프링 - 도메인 모델 패턴과 헥사고날 아키텍처 Part 1

안녕하세요. 강의 잘 듣고있습니다. 오늘 수강한 "엔티티 식별자와 JPA 엔티티" 에서 JPA 엔티티로 만들었다고해서 달라진게 없다 라고 표현하셨는데요. 애노테이션을 붙여서 컴파일 단계의 의존성은 생겼지만 해당 클래스가 다른 기술적 종속이 생긴건 아니라고 말씀하신거에 질문이 있습니다. 일단 애노테이션을 붙인 것을 용인할 수 있다는건 이해했고, 저도 동의합니다. 그런데 JPA 엔티티가 됨으로써 해당 클래스는 final 로 만들 수 없고, 생성자도 기술적 요구사항에 의해 최소 protected 로 공개할 수 밖에 없는데요. 이번 강의에서도 기존 의도는 private 이었지만 기술을 도입함으로써 애노테이션을 붙이는 것 이상의 작업이 있었습니다(생성자의 접근 수준 변경). 정말 애노테이션만 붙이고 아무것도 하지 않았다면 납득할 수 있지만 애노테이션 외에 다른 변경이 발생했는데도 기술적 종속이 없다고 볼 수 있을까요? 이정도 수준의 변경과 의존은 트레이드오프로 용인할 수 있다고 생각하면 할수는 있지만 엄밀히 따진다면 객체 설계에 영향을 줬다고 생각하는데, 어떻게 생각하시는지 궁금합니다.

  • java
  • spring
  • spring-boot
  • jpa
  • 리팩터링
  • ddd
LichKing 댓글 2 좋아요 0 조회수 12

스타터 저장소

미해결

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

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

  • 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

github

미해결

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

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

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

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

인기 태그

인프런 TOP Writers

주간 인기글