inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

zustand에 대한 질문입니다

미해결

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

zustand에서 값을 가져올때 useStore((state) => state...) 이거랑 useStore.getState()... 이거랑 어떤 차이인가요? 전자가 컴포넌트안에서 렌더링할때 가져오는 방식이고 후자는 단순히 현재시점의 스냅샷을 가져오는 건가요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
홍재훈 댓글 2 좋아요 0 조회수 74

2.2) 단락 평가 활용 사례에서 질문

해결됨

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

2.2) 단락 평가 활용 사례에서 9:59 Truthy, Falsey 사용 관련 질문입니다. person && person.name 수업 예시에서 person이 아예 undefined이면 person이 false니까 person.name을 아예 호출도 하지 않고, 따라서 오류가 발생하지 않는다고 이해했습니다. 그런데 person에 object만 선언하거나, object는 있지만 name 프로퍼티는 없는 경우 person은 true가 되지 않나요? 그렇다면 뒤에 있는 person.name을 호출하고 오류가 발생해야 할 것 같은데 코드를 돌려보니 오류가 발생하지 않고 undefined라고 표시됩니다. 왜 이런지 알 수 있을까요?

  • javascript
  • react
  • node.js
  • 카카오공채-개발
qkrgusdl95 댓글 1 좋아요 0 조회수 76

컴포넌트 선언시 const vs function

미해결

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

컴포넌트 선언시에 const 선언이 function 선언에 비해서 얻는 이점이 있나요? 실무에서는 어떤 방식을 더 많이 쓰나요?

  • javascript
  • react
  • node.js
  • 카카오공채-개발
이진섭 댓글 2 좋아요 0 조회수 127

19강 몽고db관련 오류입니다

미해결

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

(사진)

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
홍재훈 댓글 2 좋아요 0 조회수 53

정보처리기사 실기 | 25년 3회 기출문제 코드부분 1편 관련

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

안녕하세요, 강사님. 매번 빠르게 기출 분석 및 해설 강좌 업로드 해주심에 대단히 감사드립니다!!! 😄 글 제목과 관련된 위의 영상에서 말씀해주셨습니다만, 아직 인프런 강의 목록에서는 확인을 하지 못하여서요... 2편은 포함하여, 강의 업로드 계획을 문의드리고자 글 남깁니다. 항상 고생 많으십니다 ㅜㅜ 감사합니다.

  • python
  • java
  • c
  • 정보처리기사
Hu Young Lee 댓글 1 좋아요 0 조회수 272

npm i하면 바로, 라이브러리 오류없이 받아지고, 구동되는 소스는 없나요?

미해결

따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기

git소스 다운로드 받았는데, npm i면 에러나서, 실습이 어렵네요. 혼자 디버깅하면 될 듯도 한데, 실습전에 진이 빠지네요. npm i하면 바로, 라이브러리 오류없이 받아지고, 구동되는 소스는 없나요?

  • react
  • redux
  • node.js
  • mongodb
takga123 댓글 1 좋아요 0 조회수 75

정리된 문서도 받을 수 있을까요?

해결됨

스프링 부트와 리액트로 구현하는 보안 JWT 로그인

정리된 문서도 받을 수 있을까요?

  • react
  • java
  • aws
  • spring-boot
  • spring-security
댓글 1 좋아요 0 조회수 145

2-3 public 자료가 뭔가요?

해결됨

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

enum 부분 강의를 듣고 있는데, 강의 자료에 public폴더가 없습니다.

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
박찬형 댓글 2 좋아요 0 조회수 119

Ngrok 설치 후 forwarding Url 에러

해결됨

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

그랩님 강의 잘 듣고 있습니다. 다름이 아니라, 강의를 들으면서 Ngrok를 설치 후forwarding Url로 크롬브라우저에서 치고 들어가면 , 아래와 같은 에러 가 떠서 어떻게 해결 해야 하는지 답변 을 듣고 싶어 글을 작성하게 되었습니다. 에러 화면은 아래와 같습니다 그리고 올려 달라고 하신 사진 역시 첨부합니다. 상황은 아래와 같습니다. [사진2] [마지막 사진] 어떻게하면 그랩님의 강의 결과 화면과 똑같이 나올 수 있을까요? 답변 부탁드립니다.

  • HTML/CSS
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
isbcom1004 댓글 2 좋아요 0 조회수 163

Orders에 테이블의 용도

미해결

마이크로서비스 디자인 패턴 완벽 가이드

Order 서비스에서 Command가 실행되면 ORDERS_EVENT에 이벤트가 저장되고 Query가 실행되면 ORDER_EVENT에서 이벤트를 읽어 데이터의 최종상태를 읽는다는것으로 이해했는데요..! 그렇다면 ORDERS 테이블은 실질적으로 사용되지 않는다고 이해하면될까요..?

  • java
  • spring-cloud
  • 디자인-패턴
  • msa
  • patterns
미니리 댓글 2 좋아요 0 조회수 84

15버전 이후의 (searchParams,Params) Promise타입 명시후 리액트 서스펜스 실습 질문

해결됨

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

6.3강의 3분29초~ 쯤의 서스펜스 실습을 위한 async키워드를 제거하는 과정에서 입니다. 이전부터 강의를 좀 따라오다가 버전이 많이 업그레이드 되어 5챕터? 쯤이였을까요 params를 이용해 데이터패칭을 해오던때였던거 같습니다만 타입오류가 나서 챗지피티, Q&A등 을 보며 Promise타입을 붙여주고 수정하여 첫번째 사진과 같이 사용하고 있었습니다. 6.3강의부터 비동기작업을 수행하지않도록 async 키워드를 제거하기 위해 분리작업도중 일어난 고민입니다. 두번째 사진처럼 수정을 하였습니다만 여기서 Page컴퍼넌트의 async 키워드를 를 뗄수있는가? 에 대해 고민을 좀했는데 챗지피티에게선 async 키워드가 있어도 서스펜스 실습엔 문제가 없다고해서 그냥 두번째 사진과 같이 작성한후에 서스펜스 실습을 따라가면 될지가 의문스러워 질문남깁니다. 추가로 버전업이 많이되어 영상과 다른점을 수정하면서 하고있는데 제가 올바른 방향으로 실습하고 있는지도 조금 궁금합니다!

  • react
  • typescript
  • next.js
  • 카카오공채-개발
상상 댓글 3 좋아요 2 조회수 200

페이징 처리를 해야한다면 어떻게 해야할까요?

해결됨

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

Pageable 인터페이스와 @PageableDefault 를 컨트롤러부터 사용하면 편하게 작업할 수 있을 것이라고 생각하고 있습니다. 그런데 spring-data에서 제공하는 것들이라 컨트롤러나 애플리케이션(서비스)에서 사용하면 안 될 것 같아서 새롭게 객체를 정의해서 사용해야 하는 것인가라는 생각이 드는데요. 한편으로는 유틸느낌으로 사용해도 되지 않을까라는 생각이 들기도 합니다. 실제로 @PageableDefault 이것은 org.springframework.data.web 패키지에 들어있어서 web계층을 대상으로 만들어진 것 같구요 어떤식으로 풀어나가야 할까요? 추가적으로 Http interface를 사용하기 위해 @HttpExchange을 사용할 경우 required패키지 인터페이스에 바로 붙여서 사용해도 무방한걸까요?

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

스미더리와 피그마 페이지에 들어가보면 cursor-talk-to 피그마가 나오지 않아요.

해결됨

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

업데이트가 되었는지 스미더리와 피그마 페이지에 들어가보면 cursor-talk-to 피그마가 나오지 않습니다. 피그마 연결 업데이트 부분부터 진행을 못하고 있습니다..ㅠㅜ

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
jyno1.lee 댓글 2 좋아요 0 조회수 137

오타 찾았어요

해결됨

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

[2:10] zotai 가 아니고 jotai 인거 같아요.

  • react
  • typescript
  • react-query
  • supabase
  • zustand
굿데이 댓글 2 좋아요 0 조회수 94

12.1강 강의 노트 vercel.json 누락(?)

해결됨

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

강의 하단에 vercel.json 내용이 담긴 노트가 안보이는 것 같은데 누락 된 것이 아닌가 싶어서 Q&A 남깁니다! { "rewrites": [ { "source": "/(.*)", "destination": "/" } ] }

  • react
  • typescript
  • react-query
  • supabase
  • zustand
햄굴이 댓글 1 좋아요 0 조회수 89

강사님

미해결

자바 개발자를 위한 코틀린 입문(Java to Kotlin Starter Guide)

백엔드 취준생이 고 강의랑 관련 된 내용은 아니지만 강사님 강의를 2개 정도 구매했습니다. 지금 자바로 프로젝트 2개를 한 상태입니다. 로드 맵 이 있어서 듣게 됐습니다. 보통 Error 관련 코드를 만들 때 @ExceptionHandler 로 컨트롤러에서 발생한 에러를 잡고 @ControllerAdvice 가 모든 에러를 잡아서 관리 해 주는 걸로 다른 강의에서 배웠는데 보통 현업에서는 이렇게 하나요? 제가 프로젝트 두 개 모두 이런식으로 enum 과 class 를 따로 만들어서 했는데 현업에서 어떻게 하는 지 궁금해서 질문드립니다. @Getter public class BusinessException extends RuntimeException { private final HttpStatus status; private final ErrorCode errorCode; public BusinessException(ErrorCode errorCode) { super(errorCode.getMessage()); this.status = errorCode.getErrorCode(); this.errorCode = errorCode; } public BusinessException(HttpStatus status, ErrorCode errorCode, String message, Throwable cause) { super(message, cause); this.status = status; this.errorCode = errorCode; } public BusinessException(HttpStatus status, String message) { super(message); this.status = status; this.errorCode = null; } } @Getter @AllArgsConstructor public enum ErrorCode { TOKEN_NOT_FOUND(HttpStatus.BAD_REQUEST, "토큰이 없습니다."), JWT_EXPIRED(HttpStatus.BAD_REQUEST, "jwt 토큰이 만료되었습니다. "), INVALID_JWT(HttpStatus.BAD_REQUEST, "jwt 토큰을 찾을 수 없습니다."), ACCEPTED_EXISTS(HttpStatus.CONFLICT, "팔로우를 찾을수없습니다."), FOLLOW_NOT_FOUND(HttpStatus.CONFLICT, "팔로우를 찾을수없습니다."), INVALID_FOLLOW_STATUS(HttpStatus.CONFLICT, "팔로우상태가 아닙니다."), AGREEMENT_INPUT(HttpStatus.CONFLICT, "약관 동의가 필요합니다."), INVALID_EMAIL_INPUT(HttpStatus.BAD_REQUEST, "해당 이메일은 소셜 로그인 계정입니다. 소셜 로그인을 이용하세요."), DUPLICATE_RESOURCE(HttpStatus.FORBIDD

  • java
  • kotlin
  • 객체지향
KMC 댓글 1 좋아요 0 조회수 95

10.7강 취소 버튼 렌더링 조건 오류

미해결

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

강의에서 comment-editor.tsx 의 취소 버튼을 조건부 렌더링하는 코드를 수정하는 과정에서 아래와 같은 조건을 사용하고 있는데요. 이렇게 되면 props.type === "REPLY" 일때만 의도대로 동작하고, props.type === "EDIT" 일때는 취소 버튼이 렌더링 되지 않습니다. {props.type === "EDIT" || (props.type === "REPLY" && ( <Button disabled={isPending} variant={"outline"} onClick={() => props.onClose()} > 취소 </Button> ))} 아래와 같이 렌더링 조건 부분을 괄호로 감싸주면 의도대로 동작하도록 수정됩니다! {(props.type === "EDIT" || props.type === "REPLY") && ( <Button disabled={isPending} variant={"outline"} onClick={() => props.onClose()} > 취소 </Button> )}

  • react
  • typescript
  • react-query
  • supabase
  • zustand
햄굴이 댓글 1 좋아요 1 조회수 75

22강 SSG 실습할 때에 build를 하려고하니 img 태그때문인지 에러가 납니다

해결됨

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

사용되지 않은 props나 img태그로인해 에러문구가 뜨면서 빌드가 되지 않는데 코드를 봐도 정환님 강의에서도 img 태그를 그대로 쓰고계신데 왜 저는 에러가 나는걸까요? 추가적으로 eslint 경고가 있으면 빌드가 안되는 것으로 알고있는데 어떻게 빌드해야하나요?

  • react
  • typescript
  • next.js
  • 카카오공채-개발
귀한 불도새 댓글 2 좋아요 0 조회수 97

useSignInWithPassword는 왜 mutaitions에 들어가나요?

해결됨

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

안녕하세요 좋은강의 감사합니다. 로그인의 비동기 관리 함수인 useSignInWithPassword 가 왜 mutations에 속하는지 궁금해서 질문남깁니다. 데이터를 전혀 변경하는게 없는 로그인처리인데 왜 mutations에 두셨는지 궁금합니다.

  • react
  • typescript
  • react-query
  • supabase
  • zustand
Kopher 댓글 2 좋아요 0 조회수 63

42:22

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

-1 에서 "" 을 반환하고 0번째로 올라가서 a를 반환하는것 까진 이해했습니다. 근데왜 abcd가 아니라 거꾸로 축력이 되는거죠

  • python
  • java
  • c
  • 정보처리기사
김성태 댓글 2 좋아요 0 조회수 89

인기 태그

인프런 TOP Writers

주간 인기글