inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

./forest.png 파일은 어디서 다운 받을 수 있을까요?

해결됨

이거 하나로 종결 - 32시간 고품질 스프링 풀스택 웹 개발

./forest.png 파일은 어디서 다운 받을 수 있을까요? 보이지 않는 것 같습니다.

  • HTML/CSS
  • javascript
  • jsp
  • mysql
  • spring-boot
최종민 댓글 2 좋아요 0 조회수 206

Context 분리하기 중에서 memoizedDispatch에 useMemo를 사용하는 이유가 궁금합니다.

해결됨

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

안녕하세요. 리액트 초보입니다. 이해하기 쉽게 설명해주셔서 감사합니다. 11.3) Context 분리하기 강의 약 7분 쯤에서 궁금한 부분이 있어서 질문 남깁니다. <TodoDispatchContext.Provider> 를 통해 context를 전달할 때, 함수를 캐싱하기 위해 강의에서는 아래와 같이 useMemo를 사용해주셨는데요! const memoizedDispatch = useMemo(() => { return { onCreate, onUpdate, onDelete }; }, []); 우선 최적화하고자 한 이유는 아래와 같다고 이해했습니다. onCreate, onUpdate, onDelete 모두 한 번 생성한 후에 바뀌지 않는 함수로, TodoDispatchContext를 참조하는 자식 컴포넌트들의 리렌더링 방지 그리고 useMemo를 사용하신 부분에서는 마운트 후 onCreate, onUpdate, onDelete는 변하지 않는 함수 이므로 "값을 캐싱한다"는 의미에서 useMemo를 사용해주셨다고 이해했습니다. 다만 useCallback도 mount 후 deps 변경 전에는 함수의 중복 생성을 방지한다는 점에서는 useCallback을 사용해도 좋을 것 같단 생각이 들었는데요, 결론적으로 제가 궁금한 부분은 아래와 같습니다. useMemo 대신 useCallback을 사용해서도 동일하게 최적화 할 수 있다고 이해했는데, 제가 이해한 게 맞을까요? 1번이 맞다면 강의에서 useMemo를 사용해주신 이유는 캐싱하기 위함(의도)을 표현하기 위함이라고 이해하면 될지도 궁금합니다! 실무에서는 useMemo와 useCallback을 모두 사용할 수 있는 경우 어떤 훅을 선택하시는지, 강의에서 useMemo를 통해 캐싱하신 이유가 궁금했습니다 ! 블로그를 찾아봐도 잘 이해가 되지 않아서 질문으로 남깁니다! 답변 주시면 감사하겠습니다!

  • javascript
  • react
  • node.js
slothbear.hj 댓글 2 좋아요 0 조회수 232

4:45 부터 무한로딩되어 재생이 안됩니다ㅠ

해결됨

웹 프론트엔드를 위한 자바스크립트 첫걸음

안녕하세요! 7.스코프 편 강의를 듣고 있는데 4:45부터 재생이 끊깁니다. 이전 강의(정확히 어느 편이었는진 기억이 안남) 에서도 동일한 현상이 있었는데 다행히 영상이 거의 끝날 쯔음이라 신경 쓰지 않았는데 지금은 아예 중간부터 끊겨서 강의에 지장이 생기네요ㅠㅠ 단순히 제 PC의 문제로 봐야할까요..? ㅠ

  • javascript
  • dom
은비 댓글 1 좋아요 1 조회수 120

VS코드에러

해결됨

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

VS코드에서 에러는 뜨는데 실행은 됩니다. 강의VS코드에서는 에러 안뜨던데 왜 제꺼에서만 에러가 뜰까요?

  • javascript
  • react
  • node.js
H Hun 댓글 1 좋아요 0 조회수 119

<> </> 의미

해결됨

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

여기서 에러떠서 리턴문 안에<> </> 추가했더니 해결됬어요 <> </> 의미가 뭐죠?

  • javascript
  • react
H Hun 댓글 3 좋아요 0 조회수 118

vitest 설치했는데

미해결

실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

이렇게 발견된 테스트가 없다면서 8:39 화면처럼 테스트확장에 리스트가 출력되지않습니다.. 브랜치받고 npm ci 까지 한 상태입니다. 커서 ide 참고로 0.2.42 버전 없어서 제일낮은 0.3 버전사용해도 못찾습니다 .. Vitest v0.33.0 is not supported. Vitest v1.4.0 or newer is required. 이렇게 출려되는데 버전을 올릴까요 ?

  • javascript
  • react
  • 소프트웨어-테스트
  • vitest
댓글 2 좋아요 0 조회수 235

create_chat에서 빈 객체 보낼 때 ValidationPipe 예외 안 던지는 현상이 있습니다.

미해결

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

코드팩토리 디스코드에 질문하면 더욱 빠르게 질문을 받아 볼 수 있습니다! [코드팩토리 디스코드]https://bit.ly/3HzRzUM - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. 강의 중 WebSocket에서 create_chat 이벤트에 빈 객체 {}를 보냈을 때, ValidationPipe가 예외를 잘 던져서 클라이언트(Postman)에서 exception 이벤트가 잘 발생하는 걸 확인했습니다. 그런데 제가 강의 코드와 동일하게 다음과 같이 작성했는데요 그런데 제가 Postman에서 {}만 보냈을 때는 ValidationPipe가 예외를 던지지 않고, exception 이벤트도 발생하지 않아서 디버깅에 꽤 시간이 걸렸습니다. CreateChatDto에 @IsDefined()를 추가하니까 그제서야 예외가 발생해서 Postman에서 exception이 감지됐습니다. 왜 강의에선 @IsDefined() 없이도 {}만 보내면 예외가 잘 발생하던데, 현재는 왜 @IsDefined()를 추가해야만 예외가 던져지는 걸까요?

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
ssavengers 댓글 2 좋아요 0 조회수 120

로그인 에러발생만하면 네트워크 커넥션 에러 발생 해결

미해결

Vue.js 끝장내기 - 실무에 필요한 모든 것

계속 에러만 발생하면 아에 서버가 꺼지더라구요 if (!user) { res.status(401).send('Authentication failed. User not found.'); } 위에 해당코드에 return 해주니 되더라구요 이미 401에러인데 리턴 끝내지않아서 아래도 실행이 되는게 문제였습니다. if (!user) { return res.status(401).send('Authentication failed. User not found.'); }

  • javascript
  • vue.js
  • vuex
bebe 댓글 1 좋아요 0 조회수 145

Node 설치했는데 NPM 버전 확인 안될때

미해결

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

PS C:\Users\devee> node -v v22.15.0 PS C:\Users\devee> npm -v npm : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Program Files\nodejs\npm.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies( https://go . microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + npm -v + ~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess 라는 오류를 발견했을 때, PS C:\Users\devee> Get-ExecutionPolicy Restricted PS C:\Users\devee> Set-ExecutionPolicy RemoteSigned PS C:\Users\devee> Get-ExecutionPolicy RemoteSigned PS C:\Users\devee> npm -v 10.9.2 실행 정책 변경하자

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
이주현 댓글 2 좋아요 0 조회수 644

[감정일기장 배포하기] vercel login시 zsh: command not found: vercel 에러가 떠서 npm i -g vercel 명령어 입력했는데 또 다른 에러가 나요

해결됨

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

맥북에서 vercel login시 zsh: command not found: vercel 에러가 떠서 npm i -g vercel 명령어 입력했는데 또 다른 에러가 나요ㅠㅠ 구글링 해서 캐쉬삭제도 해보고 권한도 확인했는데 해결이 안되서 질문드립니다! 이정환 선생님 도와주세요!!

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

강의 커리큘럼 관련 질문

해결됨

멀티패러다임 프로그래밍 1편: 반복자 패턴 & LISP (with TypeScript, Clojure, Kotlin)

안녕하세요 강사님 좋은 강의 만들어주셔서 감사합니다. 책도 같이 구매하였는데요 멀티프로그래밍 패러다임 책과 이 강의를 보면 강사님의 다른 함수형 프로그래밍 자바스크립트, 함수형 프로그래밍 자바스크립트 응용편은 따로 보지 않아도 되나요? 혹은 다른 내용을 가지고 있어 전부 보는게 좋을까요?

  • javascript
  • 함수형-프로그래밍
  • typescript
  • 객체지향
  • 소프트웨어-설계
  • 멀티-패러다임-프로그래밍
shin jiun 댓글 1 좋아요 0 조회수 230

강사님의 로그와 저의 리퀘스트 메모이제이션 로그가 달라요!

미해결

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

넥스트 서버에서 찍히는 로그가 달라서 문의드립니다. 다만 제가 백엔드쪽에서 콘솔을 찍어보니까 넥스트 로그와는 별개로 한번씩만 호출되는걸로 보여지는데 리퀘스트 메모이제이션이 잘 동작하는게 맞는지 궁금합니다 넥스트 로그 네스트 컨트롤러 로그

  • react
  • typescript
  • next.js
baby4 댓글 3 좋아요 1 조회수 312

모듈 에러

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

✅ 모든 질문들은 슬랙 채널에서 답변드리고 있습니다. 💡 ”로펀의 인프런 상담소” 슬랙 채널 가입하기 💡 평일중에는 퇴근 이후(저녁 7시)에 답변을 받아보실 수 있고, 주말중에는 상시 답변드리고 있습니다. 모듈 에러가 뜨는데 수파베이스 설치를 잘못 한 것일까요? 검색해서 이리 저리 해보아도 잘 해결이 되지 않네요. 도와주세요~

  • firebase
  • next.js
  • tailwindcss
  • react-query
  • supabase
댓글 2 좋아요 0 조회수 186

Parallel Route를 사용한 모달에 대해 질문이 있어요.

해결됨

Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자"로

하드 내비게이션(새로고침, 직접 URL 접근) 불가라고 하셨는데, default.js를 활용하면, 딥 링킹과 공유 가능 URL을 지원할 수 있는걸까요??

  • react
  • typescript
  • next.js
주구름 댓글 2 좋아요 0 조회수 132

서버 컴포넌트 console.log

해결됨

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

앱 라우터의 데이터 패칭 수업 중 서버 컴포넌트에서 찍은 콘솔창은 브라우저에서는 보이지 않는다고 하시는데 브라우저 콘솔에 아주 잘보이거든여? 제가 잘 못 이해한걸 까요? // 랜덤으로 추천도서 가져옴 async function RecoBooks() { //api로 데이터를 불러오면 타입스크립트는 어떤 결과값을 가져올지 몰라 타입정보를 지정해줘야한다. const response = await fetch( `${process.env.NEXT_PUBLIC_API_SERVER_URL}/book/random` ); //예외처리 필수 if (!response.ok) { return <div>오류가 발생했습니다...</div>; } const recoBooks: BookData[] = await response.json(); //타입 : BookData[] console.log("랜덤 => ", recoBooks); //정상적으로 불러와서 렌더링까지 확인할 수 있다. return ( <div> {recoBooks.map((book) => ( <BookItem key={book.id} {...book} /> ))} </div> ); } export default function Home() { //async 제외 // 인덱스 페이지 return ( <div className={style.container}> {/* section 태그는 div 태그와 이름만 다른뿐 기능은 같다 */} <section> <h3>지금 추천하는 도서</h3> {/*books은 mock폴더안에 임시 배열데이터, list 형태로 렌더링 */} <RecoBooks /> </section> <section> <h3>등록된 모든 도서</h3> <AllBook /> </section> </div> ); }

  • react
  • typescript
  • next.js
ddobbi 댓글 1 좋아요 -1 조회수 181

옵셔널 체이닝 적당한 깊이는 어느 정도인가요?

해결됨

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

구글에 '자바스크립트 옵셔널 체이닝 적당한 깊이'나 'JavaScript Optional Chaining at the Right Depth'로 검색해봐도 적당한 깊이가 어느 정도인지 안나오네요. ChatGPT에 물어보니까 // 좋은 예시 const theme = user?.profile?.settings?.theme ?? 'light'; // 나쁜 예시 (남용) const email = user?.profile?.settings?.preferences?.notification?.email?.address?.text; 라는데 제가 볼땐 3단계 깊이도 깊다고 생각해요. 일반적으로 옵셔널 체이닝의 적당한 깊이는 어느 정도인가요?

  • javascript
Sec 댓글 2 좋아요 0 조회수 153

서버 컴포넌트의 렌더링 과정

해결됨

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

Next.js의 App Router 강의를 듣다가 헷갈리는 부분이 있어서 질문 드립니다! 서버 컴포넌트로 초기 접속을 하게 되면 서버에서 RSC Payload와 HTML을 렌더링해서 브라우저에 보여주는걸까요? 아니면 RSC Payload가 직렬화한 HTML 정보를 가지고 있어서 바로 브라우저에 보내지는걸까요? 공식 문서에는 하이드레이션을 한다고 되어 있는데 하이드레이션을 하게 되면 두 번 렌더링이 되는거 아닌가요?? Link를 통해 서버 컴포넌트로 이동하게 되면 클라이어트 컴포넌트가 이동하는 것처럼 CSR 방식으로 동작을 하는건가요? 만약 동작을 한다 그러면, prefetch된 RSC Payload를 통해서 브라우저가 새로운 UI를 구성하는건가요?

  • react
  • typescript
  • next.js
gayeongx0916 댓글 2 좋아요 0 조회수 125

소유권을 확인할 수 없습니다.

미해결

[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스

OAuth 클라이언트 ID를 생성하는데 "소유권을 확인할 수 없습니다. Android 패키지 이름과 디지털 지문이 이미 사용 중이므로 요청이 실패했습니다." 이런 메시지가 떠서 확인을 하는 데도 이유를 모르겠습니다. 오류를 고칠 수 있는 방법을 알려주세요

  • javascript
  • react
  • node.js
  • react-native
  • typescript
README 댓글 2 좋아요 0 조회수 217

이해가 잘 안되는데... 전체적으로요

해결됨

Cursor AI로 만들면서 배우는 Web & Javascript

안녕하세요 강사님 강의가 거의 대부분 이해가 될 듯 말듯합니다. 강의코드를 다 잘 아시니까, 이게 이런거고 저게저런거다라고 쭈욱 빠르게 얘기해주시는데, 이해시키기보단 강사님이 아시는걸 설명하시는 느낌이에요. 근데, 반쯤 이해되는 상태이고, 코드 따라 안써봐도 되겠죠? 커서로 짜주는 코드를 해석하는 능력을 기르는게 중요하다고 하셨으니까요..!! 일단 정주행해도 될지, 아니면 제가 방향을 잘못잡고있는지 궁금해서 질문남겼습니다!! 열의있게 강의해주셔서 감사합니다.

  • HTML/CSS
  • javascript
  • llm
  • 생성형ai
  • cursorai
트트킁 댓글 1 좋아요 0 조회수 222

섹션 8. 상태 관리와 API - 2.동물 앨범 만들기-2-2

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

안녕하세요 효빈님 ! 해당 강의에서 상태 관리 코드들은 this.state , this.setState , this.render 를 통해 생성자 함수의 프로퍼티로 작성하는 반면 App 컴포넌트 의 init 함수 는 프로퍼티가 아닌 함수로 작성하신 부분 이 궁금하여 질문드립니다. 혹시 메서드로 작성한 함수와 자체적인 내부 함수로 작성한 기준이 있으실까요 ?! init 함수는 내부에서만 사용되는 함수이고, 다른 메서드 함수는 외부에서도 사용할 수 있어서 그런걸까요?

  • javascript
  • rest-api
  • spa
  • dom
ReKoding 댓글 2 좋아요 1 조회수 96

인기 태그

인프런 TOP Writers

주간 인기글