inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

영상 마지막에서 body 태그의 display: flex 설정을 안해도 문제가 발생되지 않는 이유

해결됨

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

저는 코드를 똑같이 작성했는데 마지막에 Editor.css에 .Editor > section { margin-bottom: 40px; } 를 추가해도 body 태그의 영역이 축소되는 이상 현상이 발생되지 않았습니다. 그냥 넘어가려고 하긴했는데 왜 동일한 코드인데 제 환경에서는 이상 현상이 발생되지 않는지가 궁금해서 질문드립니다. 다른분들은 강의처럼 body 태그 축소 현상이 발생되여 index.css의 body 태그에 display: flex 설정을 넣었을 때 왜 해결이 되는지에대한 질문은 많은데, 저처럼 아예 발생하지 않은 분들은 안계신 것 같더라구요.. 브라우저는 크롬 쓰고 있고 현시점 최신 버전인 144.0.7559.110(공식 빌드) (arm64) 버전을 쓰고 있습니다.

  • javascript
  • react
  • node.js
개발자 취업 포기 댓글 1 좋아요 0 조회수 115

안녕하세요~ 요즘 핫한 orchestrate

미해결

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

안녕하세요~ 클로드코드 강의이긴 하지만 요즘 다른 LLM과 오케스트레이션 으로 병렬 에이전트 업무 하는게 핫한거 같은데 강의에서 알려주실 계획이 있는지 궁금합니다~!

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
라이노 댓글 1 좋아요 0 조회수 81

claude setting 동기화

미해결

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

안녕하세요. 강의 잘 듣고 있습니다. 예전에 유튜브에서 class 강의 중 this에 대해서 "호출한 놈"이라는 명쾌한 설명을 들은 이후로 강렬하게 남아 있는 분이 클로드코드 강의를 하고 계셔서 바로 결제 했습니다. 궁금한 점은 집에서 제가 강의를 들으며 설정한 클로드 설정을 회사의 클로드코드의 설정에도 동일하게 적용하고 싶은데, 동기화를 어떤 식으로 할 수 있을까요? cursor는 profile이라는 개념으로 하고 있는데, 클로드코드도 비슷한게 있을까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
강민호 댓글 1 좋아요 0 조회수 133

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

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

강의 내용 갱신 문의

미해결

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

카카오 로그인시 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

인기 태그

인프런 TOP Writers

주간 인기글