inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

디스코드 채널 문의

미해결

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

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

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

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

피그마 수업자료

해결됨

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

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

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

.

미해결

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

.

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

tailwindcss 4.1 docs에서는 container가 목록에서 안보이네요

미해결

TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

docs를 보니 4.1에서는 container가 목록에는 안보이는데, 앞으로 없어지는건가요? 코드상 동작은 하는데... 왜 최신 버전 docs에서 빠진건지 궁금하네요. 버전업 되면서 변경된거만 보이는건가요?

  • HTML/CSS
  • javascript
  • 반응형-웹
  • tailwindcss
Jmob 댓글 2 좋아요 0 조회수 103

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

해결됨

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

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

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

창조절 안됨

미해결

한 입 크기로 잘라 먹는 리액트(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 조회수 83

npx 동작

해결됨

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

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

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

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

미해결

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

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

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

readdy -> cursor

해결됨

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

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

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

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

미해결

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

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

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

학습자료

해결됨

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

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

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

python 실행관련 문의

미해결

copilot과 함께 파이썬 찍어먹기 (크롤링 , 데이터시각화 )

안녕하세요. python에서 강의하신대로 코드 입력후 터미널에 python 파일이름.py를 실행하면 아무런 반응이 없이 PS D:\Dev\PYTHON> PS D:\Dev\PYTHON> 글만 다시 뜹니다. (에러코드도 없음) 해결방법을 몰라 진행이 안되는데 코파일럿 통해 질의해도 환경이나, 코드는 정상이라고 합니다. 해결방법을 알려주시면 감사하겠습니다...

  • javascript
  • python
  • 인공지능(ai)
  • microsoft-copilot
송가영 댓글 2 좋아요 0 조회수 116

cursor mcp 연동이 이상합니다.

해결됨

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

mcp 연동하면 첨부한 이미지처럼 나오는데 제가 혹시 잘 못 한 걸까요? ?

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

환경변수 즉 api 키값 저장된 env.local..인식문제.

해결됨

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

안녕하세요 .env 혹은 .env.local 환경변수를 써서 커서가 api 값들을 불러와 쓰게 하려면 못읽더라구요,보안상 규칙이라며..그럼.,, 다른식으로 우회하여 불러오는 방법있을까요~?

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

피그마 복사 이미지는 어떻게 가져오나?

해결됨

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

안녕하세요, 강사님. 강의 잘 듣고 있습니다. 피그마가 처음입니다. 복사 붙여 넣기 하면 이미지는 같이 복사가 안됩니다. [1] 어떻게 이미지 까지 한꺼번에 복사해서 가져올 수 있을까요? [2] export로 하면 이미지는 따로 가져오는 방법만이 해결책인가요? #제 환경 #강사님 환경

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

8.5) Read = 투두리스트 렌더링하기

미해결

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

안녕하세요. 투두리스트 렌더링하기에서 TodoItem에 key를 넣지 않았을때 웹브라우저에서 에러가 발생하고, 강의 화면에 vscode에서도 보면 해당 소스코드 위치에 Missing "key" prop for element in... 이라고 나오는데, 제 경우에는 소스코드 위치에 Missing "key" prop for element in... 이라는 내용이 나오지 않습니다. Eslint 플러그인도 설치했고, 아래와 같이 설정 했는데, 무슨 차이 때문에 이런 현상이 생기는 걸까요? rules: { "no-unused-vars": "off", "react/prop-types": "off", }, 그래서, 검색을 좀 해보았고 rules에 아래와 같이 내용을 추가해 봤는데도, Missing "key" prop for element in... 이 내용이 나오지 않습니다. rules: { "no-unused-vars": "off", "react/prop-types": "off", "react/jsx-key": "true", }, 참고로 저의 package.json은 아래와 같습니다. { "name": "section08", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "vite build", "lint": "eslint .", "preview": "vite preview" }, "dependencies": { "react": "^19.1.1", "react-dom": "^19.1.1" }, "devDependencies": { "@eslint/js": "^9.33.0", "@types/react": "^19.1.10", "@types/react-dom": "^19.1.7", "@vitejs/plugin-react": "^5.0.0", "eslint": "^9.33.0", "eslint-plugin-react-hooks": "^5.2.0", "eslint-plugin-react-refresh": "^0.4.20", "globals": "^16.3.0", "vite": "^7.1.2" } }

  • javascript
  • react
  • node.js
eachan 댓글 5 좋아요 0 조회수 153

미션 예제코드

미해결

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

SECTION18 > 08-18(MISSION) > quiz.md 예제코드가 어디 있을까요?

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

인기 태그

인프런 TOP Writers

주간 인기글