172만명의 커뮤니티!! 함께 토론해봐요.
미해결
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
(네트워크 필터 설정을 잘못했던 게 문제였습니다. 😂 감사합니다.) 안녕하세요, 이정환 강사님. 강의 잘 듣고 있습니다. (6.10) 비밀번호 재설정 구현 강의에서, 인증 메일 주소를 복사해서 붙여넣기 하니까 Network 탭에 해당 리퀘스트만 들어오고 'verify~'로 시작하는 리퀘스트는 없더라구요. 링크에 접속했을 때 리디렉션은 잘 됩니다. 200 ok인 걸로 봐서 정상 작동하는 것 같긴 한데, 문제가 있는 걸까요? 감사합니다.
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
85. 12.9) 일기 관리 기능 구현하기 2 강좌를 듣는데 화면과 소리가 다르게 나옵니다. 소리는 자바스크립트 오브젝트 관련해서 이야기가 나오네요. 확인 부탁드려요.
해결됨
Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)
커서를 사용해도 플러그인 모두 동일하게 사용 가능한지요?
해결됨
Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)
사용하시는 터미널이랑, 테마, 플러그인 어떤것을 사용하시는지 궁금합니다
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
하이브리드앱 과제 진행 중입니다 과제01에 " project/mobile 경로에 app 폴더를 생성하고, project/mobile/app 경로에 숙제가이드에 포함된 _layout.tsx, index.tsx 파일을 복사해 주세요." 라고 되어 있는데 숙제가이드가 안 보여서 문의드립니다. 노션에서는 "레퍼런스 코드는 모든 과정이 업데이트 후 최종 공개됩니다" 라고 되어있는데 그럼 아직 업데이트가 안 돼서 _layout.tsx, index.tsx 파일을 못 보는 건가요? 아니면 강의에서 진행했던 것처럼 _layout.tsx, index.tsx 두 파일을 수정하면 되나요?
해결됨
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
이 강의가 restAPI 기반인지, graphQL 기반 CRUD 구현인지 궁금합니다.
미해결
처음 만난 리액트(React)
강의가 삭제되었다고 합니다
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
안녕하세요 정환님! 항상 강의 감사한 마음으로 잘 듣고 있습니다. 이번 이미지 업로드 구현하기2 강의를 끝까지 듣고 따라하던중 스토리지에 이미지 업로드 병렬로 요청 시 제가 업로드 시도한 이미지 4장 중 1장이 허용 사이즈 초과로 스토리지 업로드 요청이 실패 했었는데요, 당연히 이미지 업로드 실패로 await deletePost(post.id); 가 호출되 post.id를 받기위해 먼저 생성한 포스트가 삭제되어 포스트 자체가 안된것처럼 동작했습니다. 근데 storage에서는 업로드 요청이 실패된 이미지를 제외하고 나머지 3장의 이미지가 저장이 되어있더라고요! 간단하게 4장 병렬 이미지 업로드 요청 > 3장 성공 1장 실패 > 이미지 업로드 일부 실패로 포스트 삭제 > storage에는 성공한 3장의 이미지만 존재, 포스트는 없음 이 상태여서 혼자 찾아봐서 추가해봤는데 맞는지도 궁금하고 맞다면 다른 분들도 비슷한 상황에서 도움이 될까 싶어 올립니다!! images.ts 파일에 스토리지에서 이미지 삭제하는 비동기 요청 함수 export async function deleteImages(filePath: string[]) { const { data, error } = await supabase.storage .from(BUCKET_NAME) .remove(filePath); if (error) throw error; return data; } post.ts > createPostWithImages 함수 에서 try, catch문 밖에 업로드전 생성한 filePath 저장할 배열 값을 갖는 변수 선언 const uploadedFilePaths: string[] = []; const imageUrls = await Promise.all( images.map((image) => { const fileExtension = image.name.split(".").pop() || "webp"; const fileName = `${Date.now()}-${crypto.randomUUID()}.${fileExtension}`; const filePath = `${userId}/${post.id}/${fileName}`; uploadedFilePaths.push(filePath); return uploadImage({ file: image, filePath, }); }), ); uploadImage 리턴 전에 생성한 filePath값 저장 catch문에서 if (uploadedFilePaths.length > 0) { await deleteImages(uploadedFilePaths); } 조건문 추가 최종 결과 병렬 요청중 일부의 요청이 파일의 크기 초과 등으로 실패하면 throw error > await deletePost(post.id); if (uploadedFilePaths.length > 0) { await deleteImages(uploadedFilePaths); } throw error; 포스트 삭제, 스토리지 이미지 삭제 글을 잘 못써서 가독성이 떨어지는 부분은 양해부탁드립니다..
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
수정버튼을 클릭해도 edit화면이 나오는게 아닌 이전에 만들었던 번호 페이지만 호출되는데 혹시 어디를 봐야할까요?
미해결
파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트
예전에 강의사놓고 사정상 못보다가 지금 다시 공부할려고하는데, 지금봐도 괜찮은을까요?
해결됨
한 입 크기로 잘라먹는 Next.js
챕터 8의 7.7 리뷰 삭제하기 기능 중 궁금한 점이 생겨 질문 남깁니다! form 서버액션을 사용하고 있는데 <div>, <a> 태그를 통해 form submit을 해야하는 상황, 요구사항이 발생할 수 있다고 하셨는데 어떤 경우에 사용하게 되는건지가 궁금합니다.
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
예제코드 다운받은거 실행시킬때는 04-04, 04-05와 같이 폴더 기준으로 다음예제 넘어갈때마다 npm install, npm run dev두개명령어 쳐서 실행시키는거 맞나요? 추가로 예제 코드에서 안하고 직접 처음부터 만들어서 하려면 처음에 했던 npm create vite@latest . 이 명령어로 하는거 맞죠?
해결됨
[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
커서를 사용하면 Sonnet 4.5의 경우 빠르게 요금제 토큰을 소모하는데 많이 사용하면 요금제를 올리는건 맞지만 그와 별개로 요금을 줄이는 팁이 있을까요? claude 코드의 요금제 구독하고 커서에 api 키를 넣는 다거나 뭔가 있을까 싶어 문의 남깁니다. 비싸서 claude로 넘어가야 고민중입니다.
미해결
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
안녕하세요 강의 열심히 듣고 있는데 회원가입, 로그인 성공하고 요청 보낼 때 요청이 잘 들어왔다가 한 0.5초 뒤에 400에러로 바뀝니다. 코드는 모든 부분이 똑같은데 혹시 왜 이러는걸까요?? 의심가는 행동은 section05를 다 듣고 section06 폴더를 만들고 section05에서 사용한 파일을 그대로 복사하여 사용 중인데, 이 부분에서 문제가 있을까요?
미해결
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
안녕하세요. 강의 듣다 질문 드리는데요 강의에서는 supabase를 사용하는데요 그러면 supabase가 아닌 다른 DB(Mysql, PostgreSQL 등) 를 사용한다면 auth.ts 는 다른 방식으로 사용을 해야 되나요? 아니면 별도의 인증 라이브러리가 있을까요?
해결됨
(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>
json 파일도 assets에 넣고 마지막으로 return <Lottie options={defaultOptions} 이걸 넣고 안되어서 나름대로 검색을 해봤는데 잘 안돼서 글 남겨봅니당 ㅠㅠ 밑엔 에러 메시지에요
미해결
React Native with Expo: 제로초에게 제대로 배우기
저는 강의 수강 후 개인 앱을 만들고 있습니다. EAS preview 빌드 후 해당 빌드 내용을 Orbit을 통해 에뮬레이터에서는 로그인 부라우저가 뜨고 다음 화면까지 이동하는 프로세스가 잘 동작하는 것 까지 확인했습니다. 그런데 제 실제 디바이스에서 구동해보면 카카오 로그인 버튼을 누르면 설정해놓은 Loading spining만 뜨다가 화면이 넘어가지질 않습니다. 로그도 못보고 있어서 해결을 못하고 있는데 혹시 이런 경우 관련 해결팁이 있을까요 ? 저는 이 화면으로 넘어가고 싶은데 안되네요 ㅠㅠ..
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
전 강의들은 PDF으로 있었는데 이번에는 수업자료가 없는거 같은데 맞나요?ㅠ
해결됨
한 입 크기로 잘라먹는 Next.js
안녕 하세요.. src\app\(with-searchbar)\layout.tsx build 시 해당 파일에서 에러가 발생 했습니다 <Suspense> 를 이용했습니다 Next 버전 때문인가요? import { ReactNode, Suspense } from "react"; import Searchbar from "../../components/searchbar"; export default function Layout({ children }: { children: ReactNode }) { return ( <div> <Suspense> <Searchbar /> </Suspense> {children} </div> ); } 🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요) 제목을 구체적으로 작성해 주세요 ✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다. ⛔ ️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다. 깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요 직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요 답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 제 답변이 여러분께 도움이 되었는지 저도 알고 싶어요 강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요 더 빠른 답변이 가능합니다!
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요 선생님 !! 자바스크립트에 대한 기초가 아예 없을 경우에는 다른 분의 자바스크립트 강의를 듣고 이 강의를 봐야 할까요?? 아니면 그냥 바로 진행해도 될까요 봐야 한다면 자바스크립트를 얼마나 알고 이 강의를 진행하는 것이 좋은지 알고 싶습니다!
