inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

onClick 이벤트에 함수 넘길 때

미해결

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

안녕하세요 강사님. 강의 잘 듣고 있습니다. 배열 업데이트하기 1탄 강의 보고 있는데 궁금한 점이 있습니다. 강의 11:28에서 button onClick 이벤트에 onDeleteTodo 함수를 넘기는데요. 강의에서는 onClick={() => onDeleteTodo(item.id)} 이런 형식으로 넘기고 있는데 다른 부분에는 onClick={onDeleteTodo} 이런식으로 사용하기도 하셔서요. (강의에서 이렇게 사용했다는게 아닙니다. 예시입니다.) onClick={() => onDeleteTodo(item.id)} onClick={onDeleteTodo} 이 두가지를 언제 어떻게 구분해서 사용해야 하는지 궁금합니다.

  • react
r11s 댓글 1 좋아요 0 조회수 93

실습 중 작업영역 문의드려요

해결됨

[4주 완성] AI 바이브코딩으로 수익형 앱/웹 만들기

안녕하세요. 3:00 이정도 시점부터 기존 project-management 가 아닌 다른 폴더(코인~, FingerLuck )에서 실습을 하신거 같은데..디자인 변형 커서 룰 부터 이후 작업도요. project-management 에다가 실습을 해도 무방한건가요? 어느 시점부터 실습을 똑같이 따라 갈수 없는거 같아서요. 제가 뭘 놓친건가요? ㅠㅎㅎ

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
JungEun Choi 댓글 2 좋아요 0 조회수 63

퀴즈 활성화 안됨

미해결

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

섹션 4번 수업을 다 봤는데 퀴즈가 활성화가 안됩니다 ㅠㅠ 어떻게 하면 될까요>?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
안채원 댓글 1 좋아요 0 조회수 67

한글로 할 일 등록시 리스트 업데이트가 되지않습니다.

미해결

Next.js with Spring Boot

안녕하세요. 강의를 보면서 차근차근 작업중인데요. 테스트 하다보니 한글로 제목과 내용을 작성하고 등록을 하면 등록이 완료되었다고 뜨나 실제 리스트 페이지에선 업데이트가 되지않고 있습니다. 제가 설정을 빠트린게 있는걸까요? 실제로 영문이나 숫자로만 입력후 등록하면 리스트에도 잘 반영됩니다.

  • javascript
  • react
  • jpa
  • next.js
댓글 2 좋아요 0 조회수 112

figma 연결오류

미해결

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

피그마 mcp연결이 안되요...링크주신 피그마도 유료계정결제하고 피그마연결블로그도 보고했는데.. 연결되었다고 나오는데 커서에 세팅에 빨간불이 안없어지고 [INFO] Connecting to Figma socket server at ws://localhost:3055... [INFO] FigmaMCP server running on stdio [INFO] Connected to Figma socket server [DEBUG] Received message: "Please join a channel to start chatting" [LOG] myResponse"Please join a channel to start chatting" [INFO] Received broadcast message: "Please join a channel to start chatting" 이런에러만뜨고요.. 로그를 보니 피그마 소켓 서버에는 연결이 되었지만, 채널에 참여하라는 메시지가 계속 표시되고 있습니다. 이는 피그마 플러그인이 실행 중이지만 채널 연결이 완료되지 않았다는 의미입니다. 피그마에서 다음 단계를 확인해보세요: 피그마 앱에서 Cursor Talk to Figma 플러그인이 실행되고 있는지 확인 플러그인에서 채널 생성 또는 참여가 필요할 수 있음 플러그인에서 채널 ID(udfelzqr)를 정확히 입력했는지 확인 피그마 플러그인 측에서 채널 연결이 완료되어야 터미널에서 실행한 명령이 제대로 작동할 수 있습니다. 현재는 이미 구현한 색상 토큰 시스템을 계속 사용하는 것이 좋겠습니다. 피그마 연결이 필요하시면 피그마 플러그인 설정을 다시 확인해주세요. 커서는 이렇게이야기하는데 왜 안되는지 알수가없습니다..ㅠㅠ

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
김지영 댓글 3 좋아요 0 조회수 702

강의 챌린지 참여

해결됨

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

안녕하세요. 강의를 이전에 구매하였는데 해당 강의가 챌린지 형태로 진행한다고 들었습니다. 기존 구매자는 챌린지에 참여할 수 없을까요?

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

Context 분리하기

해결됨

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

76. 11.3) Context 분리하기 useMemo 를 이용해서 onCreate, onUpdate, onDelete 를 한번만 생성이 되게 한거는 이해 하는데요, 그럼 이 경우에 기존에 사용했던 useCallback 은 삭제 해도 무방 한가요? const onCreate = (content) => { dispatchFunc({ type : "CREATE", data : { id : idRef.current++, isDone : false, content: content, date : new Date().getTime(), }, }); };

  • javascript
  • react
  • node.js
반승우 댓글 2 좋아요 0 조회수 104

디스코드 채널 문의

미해결

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

안녕하세요, 강사 및 강의 소개 영상에서 디스코드 채널을 운영하고 계신다고 했는데 관련 링크를 어디서 확인해야 할지 모르겠어서 문의 드립니다!

  • javascript
  • react
  • node.js
산독기 댓글 1 좋아요 0 조회수 58

Router 궁금증

미해결

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

<BrowserRouter> <Routes> <Route path="home" element={<AdminHome />} /> <Route path="post" element={<AdminPost />} /> <Route path="update/:id" element={<AdminUpdate />} /> </Route> </BrowserRouter> Q1. 저는 항상 app.js 위에 코드와 같이 작성하는 편인데 강의에서는 주로 CreateBrowserRouter를 따로 이용하시는데 특별한 이유가 있나요? Q2. 간혹 프로젝트 중간중간 Header나 Footer 컴포넌트를 몇몇 페이지에서는 안보이거나 다른 header, footer 컴포넌트가 보이게끔 하고 싶은데 이런 경우 주로 어떻게 하실지 생각(?) 아이디어(?) 가 궁금합니다. 저는 안보이게 하고 싶은 페이지를 url로 구분하는 편인데 다른 좋은 방법이 있을까요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
5647kr 댓글 2 좋아요 0 조회수 64

피그마 수업자료

해결됨

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

피그마 소스파일을 복사해서 붙여 넣어도 그림은 안나오는데 어떻게 하는지 알려주세요

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

.

미해결

React Native with Expo: 제로초에게 제대로 배우기

.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
이영훈 댓글 2 좋아요 0 조회수 137

2주차와 3주차 4주차 프로젝트는 어디에 올려야하나요?

해결됨

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

현재 2주차 완료" 3주차 진행 예정입니다. 1주차는 프로젝트 진행 사항 업데이트 항목이 있는데 2주차 부터는 보이지 않네요. 진행 사항 프로젝트 업데이트를 해야하는데 폴더 확인이 안됩니다. 제가 잘못 찾은 건지 아니면 제 인프런에는 없는 건지 문의 드리며, 앱으로는 100% 강의 수강이 완료 된 것으로 나오는데 웹으로는 몇개 비어 있네요. 부랴부랴 다시 들었는데 왜 그런건가요?

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
mildoneshot 댓글 1 좋아요 0 조회수 55

창조절 안됨

미해결

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

https://github.com/Unsok1234/frontend npm run dev로 실행시키고 인터페이스를 중간으로 옮겼는데 강의에는 왼쪽으로 돼있짢아요 이걸 제가 수동으로 옮겨도 되나요?

  • javascript
  • react
  • node.js
최기범 댓글 2 좋아요 0 조회수 54

데모사이트 접속이 안됩니다.

해결됨

React & FastAPI로 만드는 투표 커뮤니티 플랫폼: 결제 시스템으로 수익화까지!

데모사이트 접속이 안됩니다.

  • react
  • mysql
  • docker
  • rest-api
  • FastAPI
robot 댓글 1 좋아요 0 조회수 81

npx 동작

해결됨

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

npm, npx 모두 동작이 안돼요..ㅠ 그냥 cmd에서는 되는데 뭐가 문제일까요

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
댓글 2 좋아요 0 조회수 123

_app.js 작성 이후로 에러가 발생하네요

미해결

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

uri 서버를 들어갔더니 계속 무한로딩 되더라구요 그래서 서버 접속되는 포토폴리오용 주소로 했는데도 안됩니다. 무슨 문제인지 모르겠어요

  • react
  • node.js
  • seo
  • graphql
  • next.js
댓글 2 좋아요 0 조회수 121

readdy -> cursor

해결됨

[4주 완성] AI 바이브코딩으로 수익형 앱/웹 만들기

결국 uxui를 좀 그려놔야 이해가 되서, readdy 구매해서 그렷는데요.. 이걸 커서에게 파일로 줘도 자꾸 지 마음대로 구조를바꾸거나 하는데 저 구조 그대로 카카오맵 연동도 하고 하고 싶은데 어떻게하면 좋을까요.. db도 어렵고.. .

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
ngtos 댓글 2 좋아요 0 조회수 81

예제 프로젝트 관련 질문입니다.

미해결

프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2

강의 보고 따라해 보고 싶은데 예제 프로젝트는 제공 되지 않는 걸까요?

  • react
  • chrome-devtools
한승철 댓글 1 좋아요 0 조회수 102

학습자료

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

노션의 학습자료 제 개인 노션에서 수정은 안되는건가요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
강유정 댓글 2 좋아요 0 조회수 101

인기 태그

인프런 TOP Writers

주간 인기글