inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

쇼핑몰기능중 찜하기 기능은 어떻게 구현하나요

미해결

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

쇼핑몰기능중 찜하기 기능은 어떻게 구현하나요

  • react
  • redux
  • node.js
  • 웹앱
  • mongodb
네이쳐 댓글 2 좋아요 0 조회수 165

notepad가 없습니다

미해결

코딩 몰라도 OK! CursorAI로 시작하는 개발 생활 (웹/초급)

컴포저도 안보입니다 그리개서 컴포저안에 오픈 컨트롤 판넬도 없어요 codebase도 없습니다 add new doc도 없어요

  • react
  • 웹-디자인
  • firebase
  • no-code
  • cursor
  • vercel
이소영 댓글 1 좋아요 0 조회수 88

landscape에 대하여

해결됨

웹 프론트엔드 포트폴리오의 모든 것 - 주제 선정부터 실전 배포까지 압축 실습 강의!

안녕하세요! 강의 잘 보고 있습니다! 저렇게 사과에 적용된 회전을 다시 제거했을때, 유저가 모바일 화면에서 게임을 플레이 하려면 휴대폰을 가로로 뒤집을 수 밖에 없을 텐데, 그러면 OrientationGuide가 활성화가 되어 플레이를 할 수 없지 않나요?

  • HTML/CSS
  • react
  • git
  • 포트폴리오
  • next.js
나나바 댓글 1 좋아요 1 조회수 101

localhost:12345/book 접속 시, 500 에러

해결됨

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

안녕하세요 강의 잘 듣고 있습니다. fetch-book.ts를 만든 후, index.tsx에 불러와서 console.log(allBooks) 를 찍어봐도 빈 배열만 나와서 localhost:12345/book 이 api 주소로 들어가보면 해당 오류가 떠서 혹시 .env 파일이 잘못 됐나 해서 올바르게 수정을 해도 계속 같은 에러가 떠서 진행을 못 하고 있는 상태입니다 ㅠ

  • react
  • typescript
  • next.js
김휘진 댓글 2 좋아요 0 조회수 153

12-2. Recoil -> Jotai 변환 코드 공유합니다.

미해결

실무 중심! FE 입문자를 위한 React

Recoil 지원 중단 문제로 강의에 나온 Recoil 관련 내용을 Jotai 라이브러리로 대체했습니다. 여러 수강생 분들이 같은 문제를 겪는 듯해서 제가 사용한 코드를 공유합니다. recoil 제거 & jotai 설치 npm uninstall recoil npm install jotai atom.js 변환 코드 : jotai 의 atom 에선 key 값이 없습니다. import {atom} from "jotai"; const testState = atom(['a', 'b', 'c', 'd']); export default testState; testWithComma.js : 마찬가지로 키 값이 없으며, 좀 더 단순하게 사용 가능합니다. import {atom} from "jotai"; import testState from "./atom.js"; const testWithComma = atom((get) => { const abcdArr = get(testState) return abcdArr.join(','); }) export default testWithComma; CompletionPage.jsx : useRecoilValue -> useAtomValue 로 변경하시면 됩니다. const testValue = useAtomValue(testWithComma); Jotai 와 Zustand 중 고민하다가 Jotai가 Recoil과 더 유사하다고 하여 우선 Jotai로 학습 진행했습니다. 강의 수강에 참고가 되길 바랍니다.

  • react
  • redux
  • node.js
  • sass
  • swr
김권수 댓글 1 좋아요 4 조회수 233

cursor 프롬프트 답변 한글

미해결

비전공자도 가능한 초간단 단톡방 만들기 (바이브코딩, Cursor AI)

저는 답변이 한글로 나오지 않는데요. 선생님의 경우, 한글로 나오네요. 그리고 피그마의 경우, 동일하게 하는데 MCP화면설정이 다르고 내용을 넣어도 다르게 진행되어서요, pro를 사용하셔서 그런걸까요?

  • firebase
  • next.js
  • vercel
  • cursorai
Soojung Hong 댓글 1 좋아요 0 조회수 446

jotai 이후로 강의가 안맞네요;

해결됨

인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트

✅ 모든 질문들은 슬랙 채널에서 답변드리고 있습니다. 💡 ”로펀의 인프런 상담소” 슬랙 채널 가입하기 💡 평일중에는 퇴근 이후(저녁 7시)에 답변을 받아보실 수 있고, 주말중에는 상시 답변드리고 있습니다. jotai 이후로 강의가 안맞네요;;

  • aws
  • docker
  • next.js
  • nestjs
  • prisma
chey.kim 댓글 3 좋아요 0 조회수 283

Sidebar & Header 컴포넌트 등 레이아웃 설정 방식

해결됨

기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)

강의에서 레이아웃을 담당하는 Sidebar, Header 컴포넌트를 만들때 Props으로 children을 받고 렌더링 하는 방식으로 만들었는데 이렇게 만든 이유가 있을까요? 지금까지 진행한걸 계층별로 생각해보면 최상위 Root->Sidebar->Header->... 등 형제 노드는 없고 자식 노드 형태로 계속 깊어지는구조. ------------ 아래의 방법과 비교해서 궁금합니다. 아래 코드와 동일하지 않더라도,Sidebar, Header 컴포넌트가 children과 분리된 구조. <body> <Sidebar/> <div> <Header/> <main>{children}</main> </div> </body>

  • react
  • 인터랙티브-웹
  • 클론코딩
  • next.js
  • tailwindcss
  • zustand
정재웅 댓글 3 좋아요 0 조회수 128

recoil error 나시는 분들 보세요

미해결

실무 중심! FE 입문자를 위한 React

리코일 에러 나시는분들 보세요 최근에 강의 시작하셨으면 리액트가 19로 설치되셨을탠데 리코일이 리액트 18까지만 지원하고있습니다. 원활하게 나머지 진행하시기위해서 npm install react@18 react-dom@18 --save 으로 react18로 버전 낮춰주시면 나머지 진행 가능하십니다.

  • react
  • redux
  • node.js
  • sass
  • swr
yeji_rang 댓글 1 좋아요 3 조회수 142

storybook 프로젝트 세팅 중 궁금한 점이 있습니다.

해결됨

실무에 바로 적용하는 스토리북과 UI 테스트

만약 회사에서 Next.js로 프로젝트를 진행하고 있다고 가정할 때, storybook은 Next.js 프로젝트 내에서 세팅하는 것보다 아예 다른 프로젝트 디렉토리로 만드는 게 나을 것 같다는 생각이 드는데, 어떻게 생각하시나요?! 왜냐하면 특정 디렉토리 내에서 세팅할 경우 해당 프로젝트에서 기존 서비스와 Storybook 프로젝트가 혼재하여 복잡도를 높이고, (이건 추측이지만) storybook 배포 시 특정 디렉토리를 제외해야 할 것 같다고 생각합니다. 그리고 다른 프로젝트 생성 시 또 다시 storybook을 설치하는 것은 비효율적일 것 같습니다. 그래서 아예 다른 프로젝트 디렉토리에서 리액트로 storybook 을 세팅하고 npm 패키지로 업로드 후 install 하여 사용한다고 생각했는데, 제가 생각한 게 맞을까요?

  • react
  • typescript
  • tailwindcss
  • storybook
  • ui-testing
수수수 댓글 2 좋아요 0 조회수 161

수업에사용되는 ppt

미해결

코드로 배우는 React 19 with 스프링부트 API서버

강의중에서 설명하시는 ppt는 어디서 확인할 수 있을까요?

  • react
  • typescript
  • spring-boot
  • jpa
  • jwt
세정 댓글 1 좋아요 0 조회수 59

안녕하세요 8장 학습하다 궁금한게 있어 질문드립니다.

미해결

웹에서 다루는 미디어 - 화상 대화를 만들면서 배우는 MediaStream API

안녕하세요, 선생님! 8장 강의 학습 중에 궁금한 부분이 있어 이렇게 질문드립니다. 8장 실습 중 WebRTC 관련 예제를 크롬에서 먼저 실행한 뒤, 익스플로러 엣지에서 실행했더니 첨부한 이미지와 같은 현상이 발생했는데요, 혹시 이 경우가 왜 발생하는 건지 조언 구드려도 될까요? 강의 덕분에 많은 걸 배워가고 있습니다. 무더운 여름 건강 유의하시고, 감사합니다!

  • react
  • java
  • web-api
  • websocket
  • webrtc
이경용 댓글 2 좋아요 0 조회수 141

iOS 배포문제 ㅠ.ㅠ

미해결

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

빌드는 성공적으로 진행된것 같은데 orbit실행하면 아래 사진처럼 오류가 나옵니다 eas build --platform ios --profile development 명령어 사용하여 빌드하였습니다. 당연히 애플 개발자 결제는 했습니다.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
지환 댓글 2 좋아요 0 조회수 115

[JS 10-2-3] 트렌드 및 방향 - 3단계 강의 질문

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

리액트 컴포넌트 실습에서 <철수의버튼 /> <영희의인풋 /> 하면 실행이 안되고, {철수의버튼} <영희의인풋 /> 하면 실행이 되는데 첫번째 실행이 안되는 이유가 무엇인가요?!

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
skykwj0422 댓글 2 좋아요 0 조회수 57

강의하다 줌으로 설명가능한지좀 정확히 알려주세요. 이 선생님 정책이 어떻게 되는데요. 직접 연락할 메일이라도 알려주세요

미해결

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

강의하다 줌으로 설명가능한지좀 정확히 알려주세요. 이 선생님 정책이 어떻게 되는데요. 직접 연락할 메일이라도 알려주세요

  • react
  • redux
  • node.js
  • 웹앱
  • mongodb
네이쳐 댓글 1 좋아요 0 조회수 54

웹 프론트엔드 부트캠프 과제 관련 질문드립니다

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

게시글 등록 컴포넌트 생성해서 렌더링 하는 것 같은데, 등록 페이지는 피그마에서 보여지는 "트립토크 등록" 컴포넌트 UI를 스스로 생성해서 연결하라는 뜻인가요? 아니면 레퍼런스 코드에 있는 것처럼 단지 렌더링만 하는 코드를 작성하라는 건가요? 그리고 모든 과제는 피그마를 참고하면서 A-Z 까지 스스로 하는건가요?

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
mh 댓글 2 좋아요 0 조회수 80

db 를 연결하려면 어떤걸 추천하시나요?

해결됨

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

안녕하세요. 강의 잘 보고 있습니다. 제가 서비스하고 싶은 사이트는 지금 예시로 만든 mbti 서비스처럼 정적웹으로는 조금 운영이 어려운 사이트입니다. 그래서 db 연결이 필수인데, rdbms 든, noSQL 기반 db 이든 클라우드 db를 써서 연결을하자니 용량에 따라 과금이 돼서 사실 부담이 좀 됩니다. 코배투님도 결국 사이트를 키우시면서 db는 선택이 아니라 필수로 연결하셨을것 같은데 어떤걸 선택하셨나요? 만약 추천하신다면 어떤걸 추천하시나요?

  • react
  • aws
  • Google-Analytics
  • cloudflare
  • adsense
  • 수익화
이세령 댓글 2 좋아요 0 조회수 193

여러 단어 선택해서 한번에 수정하는 법!

미해결

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

안녕하세요. 이번 영상 4:33쯤에서 커서를 여러군데에 만들고 수정하는 부분이 나오는데 어떻게 하신건지 궁금해요! 그리고 단어를 한번에 수정하더라도 원래 소문자였던 부분은 소문자, 원래 대문자였던 부분은 대문자로 처리되던데 이 부분도 궁금해요!

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
Do Hae Kim 댓글 2 좋아요 0 조회수 210

뽀모도로 insert 버튼이 안나오고 에러가 뜹니다

미해결

코딩 몰라도 OK! CursorAI로 시작하는 개발 생활 (웹/초급)

뽀모도로 이제 막 시작했는데, ctrl + j, ctrl+k 인가 눌러서 말씀하신 명령어 입력했더니 화살표 처럼 나옵니다. insert 라는게 안떠서 그냥 엔터 눌렀더니 아래 빨간 글자로 막 오류가 뜨네요 ㅠㅠ어떻게 해야 제대로 설치가 될까요?

  • react
  • 웹-디자인
  • firebase
  • no-code
  • cursor
  • vercel
안서현 댓글 1 좋아요 0 조회수 109

인기 태그

인프런 TOP Writers

주간 인기글