묻고 답해요
160만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
80강 수강중인데
80강 3분 08초에서 > 3분 09초로 넘어갈때 메모UI로 어떻게 바뀐건가요? 강의교안에 수정해야 될게 있으면 추가해주세요 / 이런사소한것도 신경안쓰고 강의를 올리십니까 ? 리액을 익히는게 목적인데 환경 잡느라 시간 다 날립니다. 추가영상 촬영해서 올려주시고 교안도 수정해주세요
-
미해결Next.js 15로 완성하는 실전 YouTube 클론 개발
dirzzle-kit push error
bunx drizzle-kit push 명령어 실행 시 이런 오류가 발생합니다.어떻게 해결해야할까요?
-
미해결React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
79 타이틀수정 강의중
78 삭제 강의 이후 79 타이틀 수정 으로 넘어 갈떄 home.jsx UI가 바뀌는데 그거에 대해 설명이 없네요 . 강의교안에 home.jsx 파일 올려주시고 / 영상에도 home.jsx 변경 하는거 추가해서 촬영 부탁드립니다.
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
"Create-투두 추가하기" 강의에서 onKeyDown에 관련된 질문
"Create-투두 추가하기" 강의 11분쯤에 나오는 엔터로도 버튼 실행하기에 관해 질문이 있습니다. onKeyDown 함수를 추가하기전엔 input박스에서 한버튼을 꾹 누르고있으면 연속해서 값이 입력 되었었는데,강의와 같이 onKeyDown 함수를 추가하고 나면 한가지 키를 꾹 누르고 있어도 하나만 입력 됩니다.(ex. E버튼을 꾹 누르는 경우,"EEEEEEEEEEEEE" 이렇게 입력 되었었는데,onKeyDown을 추가하면 "E" 이렇게 하나만 입력됩니다.) 엔터로 버튼을 실행하면서한가지 키를 꾹 눌러서 연속적으로 값도 입력할 수 있는 방법이 있는지 궁금합니다. 감사합니다.
-
미해결처음 만난 리액트(React)
존재하지 않는 수업이라고 떠요
이라고 뜨고 첫번째 수업으로 이동도 되지않아요
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
5.8) State로 사용자 입력 관리하기 1
강의 6분쯤에 "" 으로 공백이었던 useState의 초깃값을 "이름"으로 바꿔주면서 value={name} 구문을 추가해주셨는데요, 공백일 때에는 같은 문자열임에도 해당 구문 없이도 잘 작동했는데 "이름"으로 설정했을 때에는 해당 구문이 필요한 이유는 무엇인가요? 지피티에 물어보니 Uncontrolled와 controlled input이라는 새로운 개념을 언급하길래 잘 이해가 안 되어 여쭤봅니다!
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
npm init이 안됩니다 ㅠ
해당 오류 발생하여 아래와 같이 power shell에서 RemoteSigned 으로 변경하였습니다..다른 방법이 있을까요 ㅠ
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
jQuery
[입중급] CSS&JS 마스터 수강 중 입니다.그런데 jQuery는 안배우는건가요?!안배워도 되는건지? 아니면 잘 사용 안해서 인지?궁금합니다!!
-
해결됨한 입 크기로 잘라먹는 Next.js(v15)
vercel 배포중 문제가 생겼습니다
vercel 배포중 문제가 발생합니다 빌드중에는 아무런 문제가 없는데 해당이미지 처럼 빌드에서 문제가 생긴다고 합니다 빌드 로그 부분인데 해당부분을 오른쪽 부분처럼 promise로 바꿔도 보고 왼쪽처럼 사용을해봐도 똑같아서 그러는데 제가혹시 다른부분을 고치고 있는건지 어떻게 고쳐야할지 궁금해서 문의해봅니다
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
나만의 쇼핑몰 샘플 페이지 접속 확인부탁드립니다.
안녕하세요!섹션3에서 나만의 쇼핑몰 샘플 페이지 접속 시 404에러가 발생해 확인 부탁드립니다.(https://jooeun-k.github.io/css_my_shop)더 이상 접속을 할 수 없는 걸까요? 미리 답변 감사드립니다.
-
해결됨한 입 크기로 잘라먹는 Next.js(v15)
useActionState 사용 시 라우팅 처리 방법
안녕하세요! 회원가입 시 서버 액션을 작성 중인데 궁금한 점이 있어 질문드립니다.현재 서버 액션 함수는 아래와 같이 작성하였고, 클라이언트에서는 useActionState를 사용하여 액션의 반환 값을 받아 에러 메세지를 처리하고 있습니다. if (!id || !nickname || !password) { return { status: false, messages: "정보를 입력해주세요." } } try { const response = await fetch(`${baseUrl}/api/users`, { method: "POST", body: formData, }) return { status: true, messages: "" } } catch (err) { return { status: false, messages: "회원가입에 실패했습니다." } } // redirect("/home")을 여기에 위치 했었음 }회원가입 성공 시에는 /home 으로 이동시키고 싶어서 redirect를 사용하려고 하는데, redirect는 return문 때문에 실행되지 않는 문제가 있습니다.이런 상황에서는 다음 중 어떤 게 더 적절한 방법인지 궁금합니다..! 1) 서버 액션에서 회원가입 성공 시 return { status: true, messages: "" } 형태로 값을 반환하고, 클라이언트에서 성공 여부를 판단해 라우팅을 처리하는 방식 2) 서버 액션 내부에 let isSignupSuccess = false 같은 변수를 선언한 뒤,회원가입 성공하면 return문 없이 isSignupSuccess = true로 값을 변경하고, try-catch문 이후에 if (isSignupSuccess) redirect("/home") 형태로 라우팅을 처리하는 방식
-
미해결Next.js 15로 완성하는 실전 YouTube 클론 개발
Link component의 legacyBehavior 속성이 deprecated
next15 의 Link component의 legacyBehavior 속성이 deprecated 되었습니다. 대체하기 위해 강의영상에서처럼 useRouter 를 사용하면 될까요?
-
미해결React Native with Expo: 제로초에게 제대로 배우기
빌드후 오류
현재 맥에서 expo eas에 빌드하는것 까지 성공하고 orbit에서 시뮬레이터 실행되고 앱설치하고 접속까지는 되었는데 오류가 나옵니다 .
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
안녕하세요 수업진행관련 질문이 있습니다.
안녕하세요. 우선 매번 좋은 강의 감사드립니다!다름이 아니라, 이 강의 전 버전에서 html,css,js를 수강하여 이번 버전에선섹션3. [중급] 웹 프론트엔드 부트캠프 부터 수강중입니다!수업노트에 있는 노션에 들어가보니 [과제] 탭이 따로 있더라구요!과제01이 섹션01이랑 같은 부분이라서 섹션01을 수강 후 과제01을 해보는 식으로 진행하면 되는건가요? 섹션12까지 수강하였는데 강의중에는 따로 말씀이 없으셔서그냥 강의만 듣고 자체적으로 복습만 했습니다.저게 아니라면 과제는 언제부터 시작하는건지 알 수 있을까요?
-
미해결React Native with Expo: 제로초에게 제대로 배우기
웹뷰 질문드립니다!
강사님 궁금한 게 있습니다.그러면 웹뷰 위주의 앱을 개발한다고 했을때, 리액트 프로젝트 1개, 리액트 네이티브 프로젝트 1개 이렇게 총 두개의 레포지토리를 만들어 개발하고, 앱 내에서 웹뷰를 띄우고 싶은 부분은 우선 리액트 프로젝트를 배포하고, 배포된 url을 가져와서 웹뷰 컴포넌트에 넣는 방식으로 진행하나요?? 그리고 만약 그렇게 한다면 보통 멀티레포로 하는지 모노레포 구조로 하는지도 궁급합니다..!!
-
미해결React Native with Expo: 제로초에게 제대로 배우기
애니메이션 부분 설명
애니메이션 부분 복잡해서 수강노트에 단계별로 설명해주신다고 했는데 안보이네요..!! 혹시 어디로 들어가야 볼 수 있을까요?!
-
해결됨한 입 크기로 잘라먹는 Next.js(v15)
3.3) 레이아웃 설정하기
5분55초쯤 설명하고 계시는 layout.tsx를 삭제하면 파일이 자동생긴다는 부분이 저는 생기지않는데 chatGPT한테물어보니 딱히 그런 기능은 Next에 없다고하는데 확장프로그램 차이일까요?
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
npm run build 시 search 쪽에서 에러로 인해 build가 안됩니다.
git : https://github.com/ture403/next_appRoute 입니다.현재버전 :에러:이건 search/page.tsx 입니다.import BookItem from "@/components/book-item"; import BookListSeletion from "@/components/skeleton/book-list-seletion"; import { BookData } from "@/types"; import { delay } from "@/util/delay"; import { Suspense } from "react"; async function SearchResult({ q }: { q: string }) { await delay(1500); const res = await fetch(`${process.env.NEXT_PUBLIC_API_SEVER_URL}/book/search?q=${q}`); if (!res.ok) { return <div>오류가 발생했습니다.</div>; } const searchDatas: BookData[] = await res.json(); console.log(searchDatas); return ( <div> {searchDatas.map((book) => ( <BookItem key={book.id} {...book} /> ))} </div> ); } export default async function Page({ searchParams }: { searchParams: Promise<{ q?: string }> }) { const params = await searchParams; // searchParams Promise를 await 합니다. const query = params.q || ""; // q 값을 추출하고, 없으면 빈 문자열을 사용합니다. return ( <Suspense key={query} fallback={<BookListSeletion count={3} />}> <SearchResult q={query} /> </Suspense> ); } 봐주시면 감사겠습니다.
-
해결됨웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크
ios 배포관련 질문있습니다.
카메라와 위치정보만 네이티브에서 권한 요청하고,화면이 전부 웹뷰로 구성되어있는 앱을 배포한다고 가정 했을때 ios 심사통과 가능성이 높은지 낮은지 궁금합니다.
-
해결됨리액트 기초 (Introduction to React)
소스 코드 공유합니다
https://github.com/tolfromj/react-basic파이팅~!! (vite 사용해서 환경설정이 조금 다릅니다.강의 수강하면서 직접 타이핑해서 오타나 오류 있을 수 있습니다. )