묻고 답해요
167만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
76강 질문 useCallback() 삭제해도 되는건가요?
useMemo()로 마운트 시점을 메모하는거면 이제 onCreate, onUpdate, onDelete 에 적용한 useCallback()은 없애도 되는건가요? const memoizedDistpatch = useMemo(()=>{ return {onCreate, onUpdate, onDelete} }, []) useCallback() 제거하고 테스트했을때 따로 리렌더링 되는걸 확인했지만, 확인차 질문합니다.
-
해결됨R3F(React + Three.js / Typescript)로 인터렉티브 포트폴리오 만들기
단위 벡터에 거리를 다시 곱하는 부분 질문 있습니다.
안녕하세요. 영광스러운 첫 질문이군요!다름이 아니라 원하는 프레임에 곰이 꿀에 도착하게 하기 위해서 단위 벡터에 다시 dist를 곱해주잖아요. 거리는 변수 이름 그대로 distBearToHoneyVec이니까, 곰에서 꿀까지의 거리인 것 같은데 distanceTo() 함수를 호출하실 때 원점(0, 0, 0) 기준으로 하셨더라고요.제가 잘못 이해한 건지 실수하신 건지 궁금합니다~
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
자식컴포넌트 리렌더링
정환님 인프콘 설명이였는데 잘 듣던와중에 궁금한게 생겨서요!!저 app 컴포넌트 안에 자식컴포넌트로 child가 렌더링되고있다면 그 자식컴포넌트도 리렌더링되어서 render phase 단계를 거쳐 child 가상돔을 만들어서 app 컴포넌트의 렌더사이클 내의 app의 가상돔이랑 합쳐져서 통합된 하나의 가상돔이 생성되고 이걸 이게 commit phase 단계에서 돔 업데이트를 변경된 부분만 진행하는 건가요?
-
미해결React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드
9강에서 'Ch-9-1. GitHub 저장소 링크' 오류
9강에서 'Ch-9-1. GitHub 저장소 링크'에 링크가 잘못 달려있네요. 뒤에 키값으로 찾아서 접속할 순 있는데 수정이 필요해 보입니다.
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
eslint 질문
강의 10:25초쯤에 eslint 파일에 관련해서 질문이 있습니다.강의에는 .eslintrc.cjs라고 되어있고module.export = {~~ 이런 식으로 코드가 작성되어있는데저는 eslint.config.js라고 되어있고사진과 같은 코드가 있습니다.영상과 똑같이 했는데 왜 다른 걸까요?이렇게 진행해도 괜찮을까요?
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
추가적인 스택 질문입니다.
TanStack Query, React Hook Form, Zod 같은 스택은 준필수일까요? 페이지 3~4개 정도 되는 소규모 프로젝트 시작하기 전에 먼저 배울까 실효성에 대해서 고민중입니다.
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
/Context 눌렀을때
저도 쓰앵님처럼 간지나게 색상이 다르게 보이고 싶은데 어떻게 해야하나요 ?
-
해결됨클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
node.js 패키지 매니저 문의
안녕하세요. 프론트엔드 지식이 없어 문의드립니다.패키지 관리는 npm으로 진행하고 계시던데 pnpm과 npm 차이, 장단점을 알수 있을까요?다른 강의에서 pnpm으로 진행해와서 어떤 차이가 있는지 궁금해 문의 드립니다.
-
미해결코드로 배우는 React 19 with 스프링부트 API서버
TodoDTO test 함수
소스 내용은 @Override public TodoDTO get(Long tno) { Optional<Todo> result = todoRepository.findById(tno); Todo todo = result.orElseThrow(); TodoDTO dto = modelMapper.map(todo, TodoDTO.class); return dto; } 에러 메시지 입니다. 참말로... 이해를 못하겠네요...테스트가 계속 실패하는데 어디를 확인을 해봐야 할까요? ㅡㅡ;;(등록 testRegister는 잘 test 되고요)
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
강의 내용 갱신 문의
Cluade Code 최근 버전에서 think 모드가 다른 가능으로 대체Yes, clear context and auto-accept edits (shift+tab) Sequence Thinkinkg 설치 방법 변경https://github.com/modelcontextprotocol/servers/tree/main/src/sequentialthinking 작업 관리 도구중에서 planning with files가 핫하고 잠시 사용해보나 MCP Shrimp Task Manager외 바교하여 기본 개념은 유사(파일시스템을 영구 메모리로 활용)하지만 서로 장단점이 있어 상호 보완적이사고 생각됨 https://github.com/OthmanAdi/planning-with-files등을 추가 강의로 제작하실 계획이 있으신지요.
-
미해결Spring Boot + React.js 로그인 (+소셜) 서비스 이해하기
카카오 로그인시 401에러
리다이렉트 주소랑rest_api_key도 계속 확인하는데도 똑같은데에러가 카카오로그인하면 401에러가 계속 나네요 이에러 찾아보면 api키랑 리다이렉트 주소 확인하라고 하는데 동일합니다 복붙으로하는데도 계속 401에로 뜨는데 원인이 뭘까요?
-
미해결Spring Boot + React.js 로그인 (+소셜) 서비스 이해하기
백앤드 쪽 UserController부분
@PostMapping("/kakao") public ResponseEntity<?> kakaoLogin(@RequestBody Map<String, String> body, HttpServletResponse response) { String code = body.get("code"); LoginResponseDto tokens = kakaoOAuthService.kakaoLogin(code, response); return ResponseEntity.ok(tokens); }여기 코드에서kakaoOAuthService 이게 선언을 찾지못하는데 강의에선 인터페이스?쪽을 가져오는것 같은데 저는 안가져와지는데 원인이 몬가요?
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
44강 mcp 설정에서 context7 대해 문의드립니다.
강의 내용중에 실제로는 api key를 입력하셨지만, 강의 중에 api key를 굳이 입력하지 않고, .mcp.json에서 api key 관련 내용을 제거하셨는데 api key를 제거하고, use context7 를 입력하였더니 아래와 같이 api key가 필요하다고 나옵니다. 혹시 context7의 정책이 변경된거라고 인지하면될까요??Invalid API key. Please check your API key. API keys should start with 'ctx7sk' prefix.
-
미해결한 입 크기로 잘라먹는 Next.js
일반적인 nextjs project architecture에 대하여..
안녕하세요.강의 잘 들었습니다.현재 시간이 별로 없어서typescriptreactnextjs코드 구현 부분쪽은 다봤네요. 해서 제가 궁금한 것은 일반적인 nextjs project architecture 입니다. 물론 유연하게 상황에 맞춰서 하는 게 최선이겠지만 입문자이다 보니 일반적인 형태를 알고경험을 쌓으며 해당 부분 지식을 쌓고 싶은 마음입니다. 해서 입문점으로 일반적인 nextjs project architecture에 대하여 알고싶습니다. 감사합니다.
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
async 관련해서 질문있습니다.
수업내용에서는 getData함수에서도 async를 붙여줬는데 안붙여도 값이 나오더라구요. 혹시 특별히 붙여준 이유가 있을까요?
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
git commit custom command 질문
안녕하세요! 고생하십니다 강의 정말 잘 듣고 있습니다~1월 마지막주도 화이팅입니다!1. 작업을 진행한 후 커밋 시에 강의에서 만든 /git:commit 커스텀 커맨드를 잘 활용하고 있습니다. 문제는 커스텀 커맨드 실행 시에 한 번씩 터미널이 아예 멈추는 현상이 있어요. 너무 큰 작업에 대해 commit을 맡겼을 때 이러는 건지..혹시 같은 문제를 겪어보셨다면 해결 방법이 궁금합니다!2. oh my claudecode 혹시 사용해보셨나요! 의견이 궁금합니다~~3. 경력 이직을 위해 이력서를 작성중입니다. AI agent 활용에 대한 언급을 하고 싶은데, 어떤 부분을 강조해야할지 조금 막막하네요. 회사 바이 회사이지만 AI에 대해 어떤 소양을 요구하는지 알고계신게 있으시면 조언 부탁드립니다!
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
063강 todos 상태 정의 위치 질문
todos는 list 컴포넌트에서 정의하는게 좋지 않나요?todos 변화는 list에서만 관리하면 되잖아요.
-
미해결프론트엔드 마스터클래스
원시 데이터 할당 방식
안녕하세요, 강의 잘 듣고 있습니다!1강의 14. 힙과 스택의 비교 강의 중 궁금한 점이 생겨 문의 드렸습니다. 자바 스크립트는 컴파일 타임에 변수명을 저장하고, 런타임에 코드 순서대로 값을 할당한다고 알고 있습니다.그렇다면 자바스크립트에서는 할당이 런타임에서 이루어지고 그에 따라 원시데이터의 크기도 런타임 시점에서 정해지는 것 아닌가요?
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
sub-agent, skill, custom-command 를 선택하는 기준이 궁금합니다.
안녕하세요. 저는 5년차 프론트앤드 개발자입니다. 먼저 강의 너무 유익하게 잘 보고 있습니다. 😁수업에서 진행하는 토이 프로젝트 외에도 별도도 업무에 적용하고자 하는 부분이 있어서 질문을 드려봅니다.현재 작은 규모로 이미 개발이 완료된 프로젝트가 있으며, 향후 새로운 기능을 개발할 때 PRD, 정책정의서, 개발 실행계획서를 작성하고, 해당 문서를 바탕으로 백앤드와 프론트 개발을 진행, 리뷰 후에 배포까지의 전 과정을 claude를 이용해서 반자동화 하는게 목적입니다. (일정 부분은 사람이 개입)이 과정에서 수많은 작업들이 있을텐데 각각의 작업들을 어떤 방식을 통해서 진행해야 할지 고민입니다. (sub-agent vs skill vs custom-command)자연어로 기능 요구사항을 받아 PRD, 정책정의서 작성: (agent vs skill)PRD와 정책정의서를 바탕으로 로드맵 및 실행계획서 작성: (agent vs skill) 실행계획서를 바탕으로 이슈 생성하여 등록: (agent vs skill) + mcp현재 변경사항을 분석하여, 같은 작업을 분류 및 커밋: (skill vs command)위와 같은 사례들이 있을 때, 강사님의 경우 어떤 명확한 기준을 통해 '무엇'을 사용해야 겠다고 판단하시는지 궁금합니다. 강의를 보면 대략적으로는 알 것 같은데... 저 스스로에게 그것을 선택한 명확한 이유와 설명을 하지못하고 있네요.
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
filter() 사용 시 초보자 실수
filter안에 콜백 함수는 반드시 true/false를 리턴해야함만약 콜백 함수를 {}중괄호를 사용하였는데 return을 안붙이면 undefined을 반환undefined은 falsy한 값으로 판정하여 filter로 값을 담지 못하게됨 따라서 항상 빈배열{}중괄호를 사용했다면 return을 명시return을 사용 안 할 시 {}중괄호 제거 -> 자동return