묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결(2025 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계
모바일 버전에 쓰이는 이미지를 다운받고 싶어요
강의 시간에 구글에서 찾은 이미지 말구요 그림 이미지요 모바일
-
해결됨한 입 크기로 잘라먹는 Next.js(v15)
[5.2) 풀라우트 캐시 2] fetch의 cache 옵션 기본값 질문: no-store/force-cache
안녕하세요. 수업을 듣다가 알려주신 거랑 다르게 동작하는 것 같아 질문드립니다.5.2 풀라우트 캐시2 스크립트 기준 10:09"자, 이런 Fetch 메서드는 자동으로 No Store 옵션을 갖는다고 말씀을 드렸죠?"-> 그래서 예상한 결과값은 dynamic page를 예상했는데 static page로 나오는 것 같습니다npm run build를 했을 때cache 옵션을 안 준 경우 const response = await fetch(`${process.env.NEXT_PUBLIC_API_SERVER_URL}/book`) Route (app) Size First Load JS ┌ ○ / 288 B 106 kB이렇게 static page로 나오고cache 옵션 no-store로 준 경우Route (app) Size First Load JS ┌ ƒ / 288 B 106 kB이렇게 dynamic page로 나와서next 공식 문서를 찾아보니https://nextjs.org/docs/15/app/api-reference/functions/fetchauto no cache (default): Next.js fetches the resource from the remote server on every request in development, but will fetch once during next build because the route will be statically prerendered. If Dynamic APIs are detected on the route, Next.js will fetch the resource on every request.이렇게 build 때는 static 이라고 해서 질문이 생겼습니다.어떤 블로그에서는 또 브라우저마다 다르게 동작한다고 해서 헷갈립니다..!답변 주시면 감사드리겠습니다.
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
배포후 동일한 url 다른 기기 접속
이렇게 노트북으로 배포한 상태에서 동일한 url을 제 휴대폰으로 검색해서 들어가니까 제 휴대폰으로는 데이터들이 안 보이는데 버그인가요?
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
supabase foreign key relation 설정이 안돼요
like테이블을 생성하고자 작성을 한 후 Add foregin key relation 을 클릭하여 public schema를 선택한 이후에도 하위 테이블 목록이 보이지 않습니다..ㅠㅠ딱히 다른 설정을 만진것이 없이 강의를 따라 쭉 해보고 있는데 무언가가 바뀐건가요?강의 내에서는 post테이블이면 public.post로 나오지만 지금 현재는 post로만 보이는 상태인데 어떤 부분이 바뀌었나? 혹은 설정을 못한 부분이 있나 잘 모르겠습니다..
-
미해결리액트 기초 (Introduction to React)
probs(props)도 맞는 표현인가요?
제가 알기로는 props 로 알고있는데 강의에서 강사님이 props를 계속 probs 로 사용하셔서 헷갈립니다. probs 도 쓰이는 표현인가요?
-
미해결React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
강의교안, 내용 인용해서 블로그 글 작성
해당강의의 교안 내용과 강의를 보며 이해한 부분을 블로그에 정리해서 글을 써도 되는지 궁금합니다!
-
미해결스프링 부트와 리액트로 구현하는 보안 JWT 로그인
로그인구현
로그인구현 직접하는줄 알고 결재했는데 직접구현하는 강의가 없는건지 제가 못찾은건지바로 서버 생성하고 배포하는걸 보여주시는데 직접구현하는거는 어디서봐야할까요?다른강의일까요?
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지 (with 커서 AI)
한 섹션 내 token 사용량에 대한 질문
클로드 pro price 사용중입니다.이번 과제를 진행하면서 초기화없이 한 섹션?(이 단위를 부르는 명칭을 잘 모르겠네요)에서 진행을 했는데, 약 5~6번의 수정을 거치니 토큰 사용량(current session)이 한도에 도달해버리네요.미션 템플릿에 따라 처음 plan 요청 후에는, accept edit 모드로 간단하다고 생각되는 수정 사항을 요청했습니다.수정 내용으로는1. 블랙+옐로우의 어두운 컬러감 말고 main, secondary 컬러 다시 정해서 밝은 테마, 다채로운 컬러 사용해서 수정해줘2. 경력 섹션에 카드 형식말고 아코디언 형식의 타임라인 형태로 수정해줘이런 식으로 두가지 정도씩해서 4~5번 수정사항을 요청했습니다. 매 수정 때마다 거의 10분을 잡아먹드라구요중간에 clear가 없었던 탓일까요? 토큰 사용 속도가 너무 빠른데. 만약 그렇다면 clear를 중간 중간에 해주면 사용량이 줄어들까요?
-
해결됨한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
나름 중요하다고 생각하는 강의에 대한 궁금점 질문 드려요~
이정환 쌤 강의는 무조건 다 듣는 프론트 개발자 학생입니다. 근데, 궁금한점이 있어 질문드려요. 리액트 강의부터 하시고, 그다음 Next.js 강의 하시고, 다시 리액트로 이번에 강의를 하시는데, 저는 이정환 쌤 Next.js 강의를 듣고 난 후에는 리액트로는 개발을 안하고 Next.js로만 개발했거든요. 다시 리액트로 돌아간 이유에 대해 궁금해서 질문드립니다. Next.js 말고 리액트를 선택한 이유가 있을까요? Next.js에 어떤 이슈가 있는걸까요?
-
해결됨한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
JS의 논리 연산자 &&, ||가 리액트의 조건부 렌더링 &&, ||인가요?
// && 사용 - "로그인했으면 보여줘" {isLoggedIn && <Profile />} // || 사용 - "로그인 안했으면 보여줘" {!isLoggedIn || <Profile />}리액트에서 조건부 렌더링할 때 &&, ||를 씁니다.이게 자바스크립트의 논리 연산자인 &&, ||와 같은건가요?
-
미해결한 입 크기로 잘라먹는 Next.js(v15)
백엔드 prisma 연결
백엔드서버 세팅할때 prisma db push 무한로딩걸립니다.경로 패스워드 제대로 입력했는데, 오류가 뜨지도않고 성공을 하지도 않고 무한정 대기하고있습니다..
-
미해결(2025 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계
vite를 꼭 써야하나요
누나 저는 인텔리제이 리액트 프로젝트로 만드는데 거기서는 vite 안 쓰고도 npm start 하니까 만들어집니다. vite 를 쓰는 이유가 뭔가요
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
API 주소
하이브리드앱 api는 어디서 볼 수 있나요?
-
미해결만들면서 배우는 리액트: 컴포넌트 설계와 리팩토링
로컬스토리지 에러
3(index):1 Uncaught (in promise) Error: Access to storage is not allowed from this context. 이렇게 뜨는데요.또 로컬 스토리지 보면들어가긴 하거든요? 왜그럴까요
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지 (with 커서 AI)
/clear 한 뒤에 클로드 코드에게 다음 작업을 이어가게 할 때는 보통 어떻게 요청하시나요?
/clear를 한 뒤에 클로드 코드에게 다음 작업을 이어가게 할 때는 보통 어떻게 요청하시나요?예를 들어, “CLAUDE.md 파일을 참고해서 다음 단계(결제 기능)을 만들어줘”라고 요청하시는 편인지 궁금합니다!
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지 (with 커서 AI)
"[UPDATED] 클로드 코드 초기 설정" 문의
클로드 코드 계정 연결하기 시도시, 클로드 코드 웹사이트에서 아래와 같은 문구가 뜨네요.클로드 코드에 계정을 연결하려면 최소 claude pro 유료 구독을 해야 할까요? Claude Code에 연결하려면 Claude Max 또는 Pro가 필요합니다
-
미해결[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
common 룰
common 룰은 항상 적용으로 해야하나요?프롬프트 실행후 빌드 작업을 안하는 것 같아서 문의드립니다.
-
미해결한 입 크기로 잘라먹는 Next.js(v15)
SSR과 CSR fetch 섞어서 써도 되나요?
초기 렌더에 필요한 데이터는 getServerSideProps로 갖고오고 유저 행동에 따라 데이터 동적으로 필요할 때렌더링 되고 나서 fetch해서 데이터 가져와도 되나요?
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
라우터 사용하고부터 모든 컴포넌트에 리액트를 임포트해야 해요
react-router-dom 을 사용한 후부터랜더링되는 하단의 모든 컴포넌트에 react를 import하지 않으면 오류가 발생하거든요그런데 이전에는 분명 안 이랬어서....import를 하면 되니까 개발이 안 되는 건 아닌데강의를 계속 듣다 보니 강사님은 import하지 않으셔도 되는 거 같아서 궁금해서 물어봅니다.버전 차이 때문일까요? 제가 무슨 설정을 잘못한 걸까요? 버전은 아래와 같습니다.. "dependencies": { "react": "^19.2.0", "react-dom": "^19.2.0", "react-router-dom": "^7.10.1" },
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
카카오로그인 에러
AxiosError: Request failed with status code 401 at settle (/Users/sujin/Development/_00_inflearn/code/SECTION19(finalProject)/backend/node_modules/axios/dist/node/axios.cjs:2106:12) at IncomingMessage.handleStreamEnd (/Users/sujin/Development/_00_inflearn/code/SECTION19(finalProject)/backend/node_modules/axios/dist/node/axios.cjs:3491:11) at IncomingMessage.emit (node:events:531:35) at endReadableNT (node:internal/streams/readable:1698:12) at process.processTicksAndRejections (node:internal/process/task_queues:90:21) at Axios.request (/Users/sujin/Development/_00_inflearn/code/SECTION19(finalProject)/backend/node_modules/axios/dist/node/axios.cjs:4731:41) at process.processTicksAndRejections (node:internal/process/task_queues:105:5) at async /Users/sujin/Development/_00_inflearn/code/SECTION19(finalProject)/backend/routes/auth.js:77:20카카오 로그인 버튼 클릭후 동의하기 누른 다음 이런 에러가 뜹니다. .env 파일은 이렇게 입력되어있고요.JWT_SECRET=sucoding!@34 KAKAO_REDIRECT_URI=http://localhost:4000/auth/kakao/callback FRONTEND_URL=http://localhost:5173 JWT_ACCESS_EXPIRES_IN=1h JWT_REFRESH_EXPIRES_IN=7d무엇이 문제일까요?