묻고 답해요
158만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)
상세 페이지 404 에러 발생
안녕하세요, 짐코딩님.덕분에 재밌는 수업 듣고 있습니다. :) 현재 저는 짐코딩 님의 깃허브에서=> 최종 코드를 clone해서 모두 받은 후 그 중에서 Notion API만 변경해서 제 notion과 연결을 한 후 수업을 수강하고 있습니다. (API 연결 활성화가 되어 있는 캡처본/.env에서도 환경변수로 설정 완료) 혼자서 노션 블로그 게시물 등록 및 조회 테스트를 해보다가 2가지 문제점이 발생했습니다. 제가 직접 노션에 추가한 게시물의 경우 '게시물 목록'에는 뜨지만 상세페이지 클릭했을 경우 404 에러 발생 예를 들어) localhost:3000/blog/web (web은 slug 값) 이렇게 타이핑하면 상세 페이지에 잘 들어가는데, 해당 블로그를 클릭해서 들어가면 아직 url에 localhost:3000/blog/243888f~~ 이런식으로 뜨네요 ㅜㅜ 반영이 늦는걸까요직접 노션에 추가한 게시물을 노션에서삭제한 후브라우저에서 보면 사라지지 않고 '게시물 목록'에 뜨고, 상세페이지를 클릭했을 경우 '404 에러 발생' 제가 직접 올린 노션 게시물만 저런 현상이 발생하고. 짐코딩님께서 미리 작성해놓으신 '웹 개발 학습 가이드'나 'Git 시작하기' 등은 상세 페이지를 클릭하면 잘 뜹니다. 이유를 모르겠습니다 ㅜㅜ 코드를 전달 드리고 싶은데,짐코딩님 코드를 모두 클론한 걸 사용하고 있어서 어떻게 전달드려야 할지 모르겠어서 우선은 404 에러가 뜨는 이미지와 상황 설명만 먼저 전달 드립니다! 참고로 현재까지 저는 remark and rehype 플러그인 설치 강의까지 학습했습니다! 제가 왕초보라 많이 미흡합니다. 최대한 쉽게 설명해주시면 너무나 감사드리겠습니다!항상 친절한 답변과 강의 감사드립니다.
-
미해결React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
"Enter 키 발생 시 항목 추가" 부분에서 공백이 포함되면 한 줄이 더 입력됩니다
추가할 todo에 공백이 포함된 상태로 엔터를 입력하면 위와 같이 추가가 되는데 제가 잘못한 부분이 있을까요?https://github.com/juan-rybczinski/learn-react/commit/dba6aab43a96601fed941edfa652e4508f6a88e9
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
리액트로 전환 하는 방법
이미 만든 홈페이지를 리엑트로 전환해야하는데어떤 강의를 들으면 되나요?
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
props에서 컬러 변경 안됩니다
다른건 다 됫는데 컬러만 변경이 안되네요ㅠ
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
vscode 코드 작성 후 저장 누르면 괄호가 없어지는 문제
return 다음 괄호가 저장을 하면 없어지는데어떻게 해결해야하나요?
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
함수 사용식 문의합니다
강의에서function Header () {}와 const Header = () => {}이 식이 똑같다고 하셔서function Header () {} 이 식으로 컴포넌트header.jsx파일에 붙혀넣었더니 페이지오류가 나오더라구요import로 연결할땐 차이가 있는걸까요?
-
미해결Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)
스타일이 적용 안되는 문제
안녕하세요, 선생님.현재 블로그 상세 목차 UI까지 강의 수강했는데 코드 수정한 후 local에 띄어보니 스타일이 적용 안되는 문제가 발생했습니다. 선생님 github에서 해당 강의 관련 코드 다 가져와서 복붙 했는데도 저러네요...제가 왕초보라서 도와주시면 감사하겠습니다!
-
미해결코드로 배우는 React 19 with 스프링부트 API서버
delete에 대한 테스트를 진행하지 않는 이유가 뭔가요??
테스트 코드 상에 있는 테스트 데이터를 지우는 것이므로 딱히 별 영향이 없지 않나요?
-
미해결React Native with Expo: 제로초에게 제대로 배우기
npx expo run:anroid 로 빌드하면 FCM 안되는 이유
npx expo run:android 로 빌드해서 에뮬레이터에서 실행한 경우 FCM이 안되는 것 같은데 이유를 알 수 있을까요 ? 안된다면, eas build를 해야만할까요-? (시간이 오래걸려서요)
-
미해결React Native with Expo: 제로초에게 제대로 배우기
Error : Default FirebaseApp is not initialized
[Error: Make sure to complete the guide at https://docs.expo.dev/push-notifications/fcm-credentials/ : Default FirebaseApp is not initialized in this process com.lukasdiego.retrythreads. Make sure to call FirebaseApp.initializeApp(Context) first.]npx expo run:android로 앱을 실행하니 위 처럼 FirebaseApp 초기화 부분이 안됩니다.우선 Credentials는 등록된 것을 확인했습니다 !
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
컴포넌트 리랜더
리액트를 이용하는 이유가 virtual dom으로 dom트리를 변경하였을 때의 성능 향상 이점이 있어서 사용한다고 하셨는데 여러 컴포넌트를 만들고 하나의 컴포넌트의 자식으로 넣고 리랜더하면 성능향상은 그렇게 없지 않나요?
-
미해결React Native with Expo: 제로초에게 제대로 배우기
33 강 부터 코드 적용 시 TabBar가 안보임
코드 수정된 부분 붙여넣기하면서 재학습 중인데, 33강 부터 갑자기 TabBar가 사라지네요 RootLayout에서 Stack부분은 문제가 없는 것 같은데 왜그럴까요 ?https://github.com/lukasdeveloperacc/Study/commit/bbca33bdf8ad62b7240a9ed1d1eb39600965e839제 커밋 코드입니다
-
미해결
리액트 네이티브 구글 로그인
안녕하세요 지금 expo go에서 구글 로그인 연결 중 인데요. redirectUri를 https://auth.expo.io/@your-username/your-app-slug 식으로 입력하면 Something went wrong trying to finish signing in. Please close this screen to go back to the app. 화면이 뜨면서 액세스 토큰은 불러와지는 것 같고, 밑에 방식으로 하면 redirectUri가 exp://ip주소:포트번호 로 나오면서 구글 클라우드 콘솔에 등록을 할 수가 없는데 어떻게 해결하면 좋을까요?.. 도와주시면 감사하겠습니다.. const [request, response, promptAsync] = Google.useAuthRequest({ clientId: process.env.GOOGLE_CLIENT_ID, //redirectUri: 'https://auth.expo.io/@your-username/your-app-slug', redirectUri: makeRedirectUri({ useProxy: true } as any), scopes: ['profile', 'email'], });
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
koreanjson 관련 사이트가 접속이 안되요
koreanjson.com 접속이 계속 안되서 대체 사이트가 있을까요?
-
해결됨React Native with Expo: 제로초에게 제대로 배우기
react-native의 SafeAreaView를 쓴 이유?
안녕하세요! react-native의 SafeAreaView 는 기본적으로 안드로이드 지원이 안되고 유연하지 않아 react-native-safe-area-context의 SafeAreaView를 사용하는게 권장된다고 하더라구요. react-native의 SafeAreaView를 쓰신 이유가 궁금해요
-
미해결React Native with Expo: 제로초에게 제대로 배우기
expo go 안에 threads-clone이 나타나지 않습니다
npm ls react npm ls react-nativenpm ls expo버전을 알려주시면 질문자분과 동일한 환경에서 답변 드릴 수 있습니다. npm run android 했을때› Using development build› Press s │ switch to Expo Go› Press a │ open Android› Press w │ open web› Press j │ open debugger› Press r │ reload app› Press m │ toggle menu› shift+m │ more tools› Press o │ open project code in your editor› Press ? │ show all commandsLogs for your project will appear below. Press Ctrl+C to exit.Android Bundled 1357ms node_modules\expo-router\entry.js (1280 modules)다음과 같이 development build로 실행됩니다 그래서인지 expo go 안에도threads-clone이 나타나질않네요그래서 s 키를 눌러서이렇게 바꾼 후에도 나타나지 않습니다
-
미해결React Native with Expo: 제로초에게 제대로 배우기
이미지가 바뀌는 현상
<FlashList data={data} className="mt-5" estimatedItemSize={610} showsVerticalScrollIndicator={false} initialScrollIndex={targetIndex} renderItem={({ item }) => <DiaryItem item={item} />} onEndReached={onEndReached} onEndReachedThreshold={1} ListFooterComponent={() => hasNextPage && <InfiniteScrollFooter />} />안녕하세요 제로초님 개발중인 앱에서 FlashList로 이미지가 포함된 일기 리스트를 렌더링하는데, 스크롤을 하다가 멈추면 스크롤 하기전 이미지가 잠시동안 보이다가 알맞은 이미지로 바뀌는 현상이 있습니다. 현재 일기를 생성할때 갤러리에 있는 사진은 사용하지 못하고 카메라로 바로 촬영해서 업로드하는 형태입니다. 이런 현상은 어떻게 해결하면 좋을지 조언 주시면 감사하겠습니다!
-
해결됨한 입 크기로 잘라먹는 Next.js(v15)
사전 렌더링과 getServerSideProps
안녕하세요, 강의 잘 듣고 있습니다.강의를 들으며 이해하지 못한 부분들이 있습니다.NextJS는 페이지 요청을 받았을 때 기본적으로 사전 렌더링(서버에서 JS 렌더링)을 한다고 이해하고 있었는데, 그러면 getServerSideProps함수를 선언하지 않아도 사전 렌더링이 진행되는거 아닌가요? 그런데 본 강의에서는 SSR을 진행하기 위해서는 getServerSideProps를 선언한다고 나와있는데, 그러면 SSR=기본적 사전 렌더링이 아닌건가요? 사전 렌더링은 기본적으로 되는게 아니라 명시적으로 getServerSideProps를 선언해야 가능한건가요?사전 렌더링은 초기 접속 요청 시에만 진행되는게 맞을까요? 페이지 이동 시에는 진행되지 않나요? 따라서 이 페이지 이동 시에 사전 렌더링을 진행하기 위해서 getServerSideProps를 명시적으로 선언하려는 것인가요? (그렇다면 1번질문 해결)감사합니다.
-
미해결Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)
cursorAI에 rule 생성 시 rule type이 안 나오는 현상 발생
안녕하세요,cursor에서 설정 > rules & memories 선택 > Project Rules에서 +Add Rule 선택 > project-structure.mdc생성하면 강사님 화면처럼 rule type 선택할 수 있는 창이 안 뜹니다. 이유가 뭔지 잘 모르겠습니다 ㅜ
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
useEffect 비동기 관련 질문
비동기가 되기 때문에 콘솔로그를 쓰면 안된다에대한 질문입니다. 위(setCount 내부)에는 count + value를 했고아래 콘솔로그는 count로 예시를 보여주셨습니다.궁금한건아래 콘솔로그에도 +value를 달면 렌더링 결과는 똑같이 나오는거 아닌가요?물론 실질적인 값은 동일하지 않더라도 이렇게 되면 렌더링 되는 결과는 같은거 아닌가요?