172만명의 커뮤니티!! 함께 토론해봐요.
해결됨
한 입 크기로 잘라먹는 Next.js
안녕하세요! 좋은 강의 감사합니다. 이번 강의를 들으며, Link 를 사용해 /book/${id} API 를 호출하여 데이터를 불러오는 방식 대신, fetchBooks API 로 받아온 books 데이터를 props 로 전달하는 방식은 어떨까 라는 생각이 들었습니다. 정답은 없는 것 같지만 강사님의 생각이 궁금해서 여쭤봤습니다.
미해결
처음 만난 리액트(React)
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. node 파일 버전 확인이 안되는데 어떻게 해결하면 될까요?
해결됨
한 입 크기로 잘라먹는 Next.js
안녕하세요! 이번 강의를 수강하며 궁금한 게 있어 질문드려봅니다. 1. Next.js에서 페이지별 JS가 스플리팅되듯, CSS Modules도 페이지별로 스플리팅되는지 궁금합니다. tailwindCSS를 사용하면 페이지별로 스플리팅 되는지 궁금합니다. 소중한 시간 질문 읽어주셔서 감사합니다.
해결됨
한 입 크기로 잘라먹는 Next.js
안녕하세요, 강의 잘 듣고 있습니다. Prisma 관련 실습을 따라 하는 중인데, 다음과 같은 문제가 발생해서 문의드립니다. 프로젝트 구조 상 prisma/schema.prisma 파일이 분명 존재하고 VSCode에서도 확인됩니다. .env 파일에 DATABASE_URL , DIRECT_URL 도 정상적으로 설정돼 있습니다. VSCode에서는 schema.prisma 파일이 보이고, Book , Review 모델도 정상적으로 작성되어 있습니다. 문제 상황 같은 명령어로 확인해봐도 PowerShell에서는 아예 prisma 폴더가 없다고 나옵니다. PS C:\Users\PC\Documents\onebite-books-server-main> npx prisma db Need to install the following packages: prisma@6.5.0 Ok to proceed? (y) y Environment variables loaded from .env Error: Could not find Prisma Schema that is required for this comm your package.json or put it into the default location. Checked following paths: schema.prisma: file not found prisma\schema.prisma: file not found prisma\schema: directory not found See also https://pris.ly/d/prisma-schema-location PS C:\Users\PC\Documents\onebite-books-server-main> npx prisma db Environment variables loaded from .env Error: Could not find Prisma Schema that is required for this comm You can either provide it with --schema argument, set it as `pri Checked following paths: schema.prisma: file not found prisma\schema: directory not found See also https://pris.ly/d/prisma-schema-location PS C:\Users\PC\Documents\onebite-books-server-main> npx prisma db risma/schema.prisma Error: Could not load --schema from provided path `prisma\schema PS C:\Users\PC\Documents\onebite-books-server-main> PS C:\Users\PC\Documents\onebite-books-server-main> npx prisma db risma/schema.prisma Error: Could not load --schema from provided path `prisma\schema PS C:\Users\PC\Documents\onebite-books-server-main> PS C:\Users\PC\Documents\onebite-books-server-main> npx prisma db risma/schema.prisma 하지만 VSCode에서는 명확하게 prisma/schema.prisma 파일이 존재합니다. VSCode에서 prisma/schema.prisma 가 분명히 보이는데, 터미널(PowerShell)에서는 왜 인식되지 않는 걸까요? CLI가 해당 파일을 찾을 수 있게 하려면 어떤 방법을 써야 하나요? 혹시 Windows 환경에서 자주 발생하는 문제인지, 강의에서 다루는 가이드와 다른 점이 있는지 궁금합니다.
미해결
기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)
안녕하세요? 궁금한것이 있습니다. 보통 React로 csr을 만들어 배포하는데 next.js로 SSR 페이지 없이 CSR app을 만들어 웹서버(NGINX)에 배포할 수 있는지 궁금합니다. 그리고 SSR로 배포할때, 일반적으로 Node.js 서버를 DMZ 영역에 구성하는지 아니면, WAS처럼 내부망에 구성하는지도 궁금합니다.
미해결
실무 중심! FE 입문자를 위한 React
Lifecycle 사진이 잘 안보입니다. 크게 보여준 사진 필요해요.
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
기존 수강자 새로운강의 쿠폰 발급 받을 수 있을까요?
미해결
코드로 배우는 React 19 with 스프링부트 API서버
spring 실행하는 방법과 이 프로젝트를 실행하는 방법이요
해결됨
한 입 크기로 잘라먹는 Next.js
안녕하세요 궁금한 것이 있습니다. Next.js 사전 렌더링 설명에서 유저가 접속 요청을 보낸다고 하면 서버에서 JS를 실행하여 렌더링 된 HTML을 보내게 되고 클라이언트에서 화면에 렌더링을 하고, 후속으로 JS 번들 파일을 보내게 되고 여기서 중요한 점은 CSR과 같이 모든 JS 파일을 번들링 해서 보낸다..?? 이후 페이지 이동 시 JS 파일이 있기 때문에 서버에 요청을 하지 않고 CSR 방식으로 흘러간다 라고 설명을 해주셨습니다. 여기서 궁금한게 있습니다. 초기 접속 시 JS 번들링 파일을 CSR과 같이 모든 JS를 보내는건지,,? 아니면 해당 접속 페이지에 해당하는 JS를 본내는 건지가 궁금합니다. 검색해보니 Next.js 초기 접속 시 해당 페이지 JS만 번들링 해서 보낸다는 얘기가 있어 헷갈렸습니다.
미해결
React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
안녕하세요 강의를 너무 잘 보고 있습니다. 강의를 보다가 조금 헷갈리는 부분이 있는데 TodoContext.Provider로 value를 todos로 하고 그 밑에는 TodoDispatchContext.Provider로 value는 dispatch로 작성이 되었는데 이렇게 TodoContext와 TodoDispatchContext를 두개 작성된 이유가 궁금합니다.
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
<input ref = {contentRef} value={content} onChange={onChangeContent} placeholder="새로운 Todo..."/> <button onClick={onSubmit}>추가</button> 위 코드에서 value={content}에서 value가 정확히 어떤 역할을 하는지 잘 모르겠습니다.
해결됨
[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스
안녕하세요 도저히 해결이 안되서 질문남깁니다. 일단 맥북이구요. 안드로이드 기기를 키려고 a를 누르면 쭉 메시지가 나오다가 CommandError: No Android connected device found, and no emulators could be started automatically. Please connect a device or create an emulator ( https://docs.expo.dev/workflow/android-studio-emulator ). Then follow the instructions here to enable USB debugging: https://developer.android.com/studio/run/device.html#developer-device-options . If you are using Genymotion go to Settings -> ADB, select "Use custom Android SDK tools", and point it at your Android SDK directory. 이렇게 빨갛게 에러가 나면서 실행이 안됩니다. 지피티로도 해결이 안되서 질문 남겨봅니다.
미해결
Next + React Query로 SNS 서비스 만들기
안녕하세요! 좋은 강의 감사합니다 이번 강의를 수강하며 개념적으로 궁금한 점이 있어서 질문드려봅니다. ISR로 블로그 글을 revalidate 시간을 24시간으로 많이 넣어둔다고 하셨습니다. 티스토리나 벨로그에선 기존 글을 수정하면 바로 업데이트가 됩니다. 제가 아는 지식으로 ISR을 하게 된다면 24시간 동안 수정해도 기존 데이터를 보여주어야 한다고 생각해서 ISR보단 SSR이 적합하다고 생각했습니다. ISR은 이러한 문제를 해결할 수 있는지 궁금합니다. 블로그 글이나 뉴스같은 경우 대량의 데이터이기 때문에 그만큼 대량의 페이지가 HTML 파일로 생성되어 큰 용량을 차지할 것 같다는 생각이 들었습니다. 이러한 부분은 어떻게 해결할 수 있는지 궁금합니다. ISR / SSG를 사용하는 페이지 경로로 Next/Link를 사용하여 접속할 경우 클라이언트 사이드 라우팅이 이루어진다고 알고 있습니다. 이 경우 미리 빌드된 HTML 파일을 렌더링하는 ISR/SSG의 장점이 사라지는 것처럼 보이는데, Next/Link에서 ISR/SSG를 사용할 때 어떤 이점이 있는지 궁금합니다. 소중한 시간내어 읽어주셔서 감사합니다.
미해결
한 입 크기로 잘라먹는 Next.js
🚨 아래의 가이드라인을 꼭 읽고 질문을 올려주시기 바랍니다 🚨 질문 하시기 전에 꼭 확인해주세요 - 질문 전 구글에 먼저 검색해보세요 (답변을 기다리는 시간을 아낄 수 있습니다) - 코드에 오타가 없는지 면밀히 체크해보세요 (Date와 Data를 많이 헷갈리십니다) - 이전에 올린 질문에 달린 답변들에 꼭 반응해주세요 (질문에 대한 답변만 받으시고 쌩 가시면 속상해요 😢 ) 질문 하실때 꼭 확인하세요 - 제목만 보고도 무슨 문제가 있는지 대충 알 수 있도록 자세한 제목을 정해주세요 (단순 단어 X) - 질문의 배경정보를 제공해주세요 (이 문제가 언제 어떻게 발생했고 어디까지 시도해보셨는지) - 문제를 재현하도록 코드샌드박스나 깃허브 링크로 전달해주세요 (프로젝트 코드에서 문제가 발생할 경우) - 답변이 달렸다면 꼭 확인하고 반응을 남겨주세요 - 강의의 몇 분 몇 초 관련 질문인지 알려주세요! - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
선생님 강의가 마음에 들어 계속 듣고싶은데요 현재 프로젝트를 한달 후에 프론트엔드 부분을 맡아 진행하고있는데 정식로드맵이랑 간편 로드맵? 빠르게 웹사이트 한개 만들 수 있게 하는 로드맵 알고 싶습니다. 리액트 강의 듣고 next.js강의 들어야하는지 아니면 리액트 듣고 타입스크립트 듣고 자바스크립트 듣고 next.js강의 들어야하는지.. 아니면 리액트만으로도 되는지 등등..
미해결
실무 중심! FE 입문자를 위한 React
뭔가 편집오류인거같네요 12초정도에 반복문 사용시 주의사항만 나오고 방복문 사용방법은 안알려줍니다. 저야 뭐 대충알아들었는데 초보자분들은 당황스러울듯하네요
해결됨
한 입 크기로 잘라먹는 Next.js
안녕하세요. 질문 있습니다. 강의중 Fetching data where it's needed에 관한 설명을 해주셨습니다. https://nextjs.org/docs/14/app/building-your-application/data-fetching/patterns#fetching-data-where-its-needed 구조 단순화와 확장성 측면에서 너무 좋은 말이라 생각이 되는데 15버전 부터는 해당 내용이 없어졋더라고요. 혹시 몰라 vercel/github 도 찾아 봤는데 그것에 대한 이슈나 토론도 없어서요. 혹시 이유를 알고 계신지, 권장 이지만 예전 모범 사례일 정돈 아닌건지 궁금해서 질문 드립니다. 감사합니다!!
미해결
프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
강의를 이제 하나 들었는데요. 실행 하는 것이 순탄지 않습니다. 강의에 안내가 필요하지 않을까요? 이제 강의 시작하는데 신뢰 떨어집니다. 노드 버전을 맞춰주지 않아서 빌드가 안됨 포트를 바꿔줘야 server.js가 실행됨 화면 띄웠는데 아이템 요청 실패해서 이미지 안보임 추가적으로 다른 수강생들에게 "아이템에 관련된 이미지는 강의와 관련이 없으니 무시해도 된다" 그러면 혼동을 줄이기 위해 수정을 해야 하지 않을까요 선생님께서요. (공지를 영상에 추가한다던지) 강의 듣는데 관련없는 곳에 시간을 들이고 있는 것 같습니다.
해결됨
한 입 크기로 잘라먹는 Next.js
강의를 거의 다들어가서 해당강의를 Summary해놓을려고 하는데 완료된 소스가 있었음 좋겠는데 따로 다운로드 받을수 없는지요?
미해결
코드로 배우는 React 19 with 스프링부트 API서버
vscode를 통해 npm start를 한 후, todo/read/숫자를 입력하니까 404에러가 발생했습니다. 그런데 vscode에서 컨트롤S를 눌렀더니 화면이 떴는데 익스플로러 상에서 새로고침을 하니까 다시 404에러가 발생하는데 이유를 모르겠습니다. 이미지를 첨부할 테니 혹시 더 필요하신 게 있으시면 답변해 주시면 감사드리겠습니다.
