inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

82강 이미지 로딩 관련 질문

미해결

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

이미지는 보통 S3 같이 외부의 이미지 url을 통해서 불러오지 않나요? 외부 이미지를 불러오는 방식에서 브라우저에 이미지를 캐싱하는 방법은 없나요?

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

79강 Routes 외부의 컴포넌트 관련 질문

해결됨

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

이 특징을 사용해서 네비게이션이나 푸터 같은 레이아웃을 처리하는데 활용하는 편인가요?

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

78강 번들 파일 관련 질문

해결됨

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

번들 파일은 용량이 클것으로 예상되는데, 매번 전체를 보내면 낭비가 심할것 같습니다. 번들 파일을 쪼개서 지연로딩하거나, 이전에 받은 번들 파일을 브라우저 내에 캐싱하고 교체하는 방법도 궁금합니다. 혹시 이 강의에서 다루나요??

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

76강 질문 useCallback() 삭제해도 되는건가요?

해결됨

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

useMemo() 로 마운트 시점을 메모하는거면 이제 onCreate, onUpdate, onDelete 에 적용한 useCallback() 은 없애도 되는건가요? const memoizedDistpatch = useMemo(()=>{ return {onCreate, onUpdate, onDelete} }, []) useCallback() 제거하고 테스트했을때 따로 리렌더링 되는걸 확인했지만, 확인차 질문합니다.

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

단위 벡터에 거리를 다시 곱하는 부분 질문 있습니다.

해결됨

R3F(React + Three.js / Typescript)로 인터렉티브 포트폴리오 만들기

안녕하세요. 영광스러운 첫 질문이군요! 다름이 아니라 원하는 프레임에 곰이 꿀에 도착하게 하기 위해서 단위 벡터에 다시 dist를 곱해주잖아요. 거리는 변수 이름 그대로 distBearToHoneyVec이니까, 곰에서 꿀까지의 거리인 것 같은데 distanceTo() 함수를 호출하실 때 원점(0, 0, 0) 기준으로 하셨더라고요. 제가 잘못 이해한 건지 실수하신 건지 궁금합니다~

  • react
  • typescript
  • 인터랙티브-웹
  • three.js
  • webgl
  • gsap
literate_t 댓글 1 좋아요 0 조회수 70

자식컴포넌트 리렌더링

미해결

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

정환님 인프콘 설명이였는데 잘 듣던와중에 궁금한게 생겨서요!! 저 app 컴포넌트 안에 자식컴포넌트로 child가 렌더링되고있다면 그 자식컴포넌트도 리렌더링되어서 render phase 단계를 거쳐 child 가상돔을 만들어서 app 컴포넌트의 렌더사이클 내의 app의 가상돔이랑 합쳐져서 통합된 하나의 가상돔이 생성되고 이걸 이게 commit phase 단계에서 돔 업데이트를 변경된 부분만 진행하는 건가요?

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

9강에서 'Ch-9-1. GitHub 저장소 링크' 오류

미해결

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드

9강에서 'Ch-9-1. GitHub 저장소 링크'에 링크가 잘못 달려있네요. 뒤에 키값으로 찾아서 접속할 순 있는데 수정이 필요해 보입니다.

  • HTML/CSS
  • javascript
  • react
  • node.js
  • mongodb
이재윤 댓글 1 좋아요 0 조회수 98

eslint 질문

미해결

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

강의 10:25초쯤에 eslint 파일에 관련해서 질문이 있습니다. 강의에는 .eslintrc.cjs라고 되어있고 module.export = {~~ 이런 식으로 코드가 작성되어있는데 저는 eslint.config.js라고 되어있고 사진과 같은 코드가 있습니다. 영상과 똑같이 했는데 왜 다른 걸까요? 이렇게 진행해도 괜찮을까요 ?

  • javascript
  • react
  • node.js
홍보민 댓글 1 좋아요 0 조회수 81

추가적인 스택 질문입니다.

해결됨

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

TanStack Query, React Hook Form, Zod 같은 스택은 준필수일까요? 페이지 3~4개 정도 되는 소규모 프로젝트 시작하기 전에 먼저 배울까 실효성에 대해서 고민중입니다.

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

/Context 눌렀을때

미해결

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

저도 쓰앵님처럼 간지나게 색상이 다르게 보이고 싶은데 어떻게 해야하나요 ?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
을지로봇 댓글 2 좋아요 0 조회수 86

node.js 패키지 매니저 문의

해결됨

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

안녕하세요. 프론트엔드 지식이 없어 문의드립니다. 패키지 관리는 npm으로 진행하고 계시던데 pnpm과 npm 차이, 장단점을 알수 있을까요? 다른 강의에서 pnpm으로 진행해와서 어떤 차이가 있는지 궁금해 문의 드립니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
건호아범 댓글 1 좋아요 0 조회수 59

TodoDTO test 함수

미해결

코드로 배우는 React 19 with 스프링부트 API서버

소스 내용은 @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 되고요)

  • react
  • typescript
  • spring-boot
  • jpa
  • jwt
bluescreen 댓글 3 좋아요 0 조회수 110

강의 내용 갱신 문의

미해결

클로드 코드 완벽 마스터: 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 등을 추가 강의로 제작하실 계획이 있으신지요.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
신석균 댓글 1 좋아요 0 조회수 198

카카오 로그인시 401에러

미해결

Spring Boot + React.js 로그인 (+소셜) 서비스 이해하기

리다이렉트 주소랑 rest_api_key도 계속 확인하는데도 똑같은데 에러가 카카오로그인하면 401에러가 계속 나네요 이에러 찾아보면 api키랑 리다이렉트 주소 확인하라고 하는데 동일합니다 복붙으로하는데도 계속 401에로 뜨는데 원인이 뭘까요?

  • react
  • node.js
  • rest-api
  • spring-boot
  • login
오일중 댓글 2 좋아요 0 조회수 204

백앤드 쪽 UserController부분

미해결

Spring Boot + React.js 로그인 (+소셜) 서비스 이해하기

@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 이게 선언을 찾지못하는데 강의에선 인터페이스?쪽을 가져오는것 같은데 저는 안가져와지는데 원인이 몬가요?

  • react
  • node.js
  • rest-api
  • spring-boot
  • login
오일중 댓글 3 좋아요 0 조회수 81

44강 mcp 설정에서 context7 대해 문의드립니다.

미해결

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

강의 내용중에 실제로는 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.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
sej1378 댓글 2 좋아요 0 조회수 276

일반적인 nextjs project architecture에 대하여..

미해결

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

안녕하세요. 강의 잘 들었습니다. 현재 시간이 별로 없어서 typescript react nextjs 코드 구현 부분쪽은 다봤네요. 해서 제가 궁금한 것은 일반적인 nextjs project architecture 입니다. 물론 유연하게 상황에 맞춰서 하는 게 최선이겠지만 입문자이다 보니 일반적인 형태를 알고 경험을 쌓으며 해당 부분 지식을 쌓고 싶은 마음입니다. 해서 입문점으로 일반적인 nextjs project architecture에 대하여 알고싶습니다. 감사합니다.

  • react
  • typescript
  • next.js
YongIl Park 댓글 2 좋아요 0 조회수 123

async 관련해서 질문있습니다.

해결됨

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

수업내용에서는 getData함수에서도 async를 붙여줬는데 안붙여도 값이 나오더라구요. 혹시 특별히 붙여준 이유가 있을까요?

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

git commit custom command 질문

미해결

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

안녕하세요! 고생하십니다 강의 정말 잘 듣고 있습니다~1월 마지막주도 화이팅입니다! 1. 작업을 진행한 후 커밋 시에 강의에서 만든 /git:commit 커스텀 커맨드를 잘 활용하고 있습니다. 문제는 커스텀 커맨드 실행 시에 한 번씩 터미널이 아예 멈추는 현상이 있어요. 너무 큰 작업에 대해 commit을 맡겼을 때 이러는 건지..혹시 같은 문제를 겪어보셨다면 해결 방법이 궁금합니다! 2. oh my claudecode 혹시 사용해보셨나요! 의견이 궁금합니다~~ 3. 경력 이직을 위해 이력서를 작성중입니다. AI agent 활용에 대한 언급을 하고 싶은데, 어떤 부분을 강조해야할지 조금 막막하네요. 회사 바이 회사이지만 AI에 대해 어떤 소양을 요구하는지 알고계신게 있으시면 조언 부탁드립니다!

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
깅우 댓글 1 좋아요 0 조회수 96

063강 todos 상태 정의 위치 질문

해결됨

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

todos는 list 컴포넌트에서 정의하는게 좋지 않나요? todos 변화는 list에서만 관리하면 되잖아요.

  • javascript
  • react
  • node.js
김김 댓글 3 좋아요 0 조회수 66

인기 태그

인프런 TOP Writers

주간 인기글