묻고 답해요

props에서 컬러 변경 안됩니다

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

다른건 다 됫는데 컬러만 변경이 안되네요ㅠ

• javascript
• react
• node.js

vscode 코드 작성 후 저장 누르면 괄호가 없어지는 문제

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

return 다음 괄호가 저장을 하면 없어지는데 어떻게 해결해야하나요?

• javascript
• react
• node.js

함수 사용식 문의합니다

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

강의에서 function Header () {} 와 const Header = () => {} 이 식이 똑같다고 하셔서 function Header () {} 이 식으로 컴포넌트 header.jsx파일에 붙혀넣었더니 페이지오류가 나오더라구요 import로 연결할땐 차이가 있는걸까요?

• javascript
• react
• node.js

스타일이 적용 안되는 문제

미해결

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

안녕하세요, 선생님. 현재 블로그 상세 목차 UI까지 강의 수강했는데 코드 수정한 후 local에 띄어보니 스타일이 적용 안되는 문제가 발생했습니다. 선생님 github에서 해당 강의 관련 코드 다 가져와서 복붙 했는데도 저러네요... 제가 왕초보라서 도와주시면 감사하겠습니다!

• react
• 블로그
• next.js
• cursor
• cursorai

delete에 대한 테스트를 진행하지 않는 이유가 뭔가요??

미해결

코드로 배우는 React 19 with 스프링부트 API서버

테스트 코드 상에 있는 테스트 데이터를 지우는 것이므로 딱히 별 영향이 없지 않나요?

• react
• typescript
• spring-boot
• jpa
• jwt

npx expo run:anroid 로 빌드하면 FCM 안되는 이유

미해결

React Native with Expo: 제로초에게 제대로 배우기

npx expo run:android 로 빌드해서 에뮬레이터에서 실행한 경우 FCM이 안되는 것 같은데 이유를 알 수 있을까요 ? 안된다면, eas build를 해야만할까요-? (시간이 오래걸려서요)

• react
• react-native
• 하이브리드-앱
• typescript
• expo

Error : Default FirebaseApp is not initialized

미해결

React Native with Expo: 제로초에게 제대로 배우기

[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
• react-native
• 하이브리드-앱
• typescript
• expo

컴포넌트 리랜더

미해결

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

리액트를 이용하는 이유가 virtual dom으로 dom트리를 변경하였을 때의 성능 향상 이점이 있어서 사용한다고 하셨는데 여러 컴포넌트를 만들고 하나의 컴포넌트의 자식으로 넣고 리랜더하면 성능향상은 그렇게 없지 않나요?

• javascript
• react
• node.js

33 강 부터 코드 적용 시 TabBar가 안보임

미해결

React Native with Expo: 제로초에게 제대로 배우기

코드 수정된 부분 붙여넣기하면서 재학습 중인데, 33강 부터 갑자기 TabBar가 사라지네요 RootLayout에서 Stack부분은 문제가 없는 것 같은데 왜그럴까요 ? https://github.com/lukasdeveloperacc/Study/commit/bbca33bdf8ad62b7240a9ed1d1eb39600965e839 제 커밋 코드입니다

• react
• react-native
• 하이브리드-앱
• typescript
• expo

리액트 네이티브 구글 로그인

미해결

안녕하세요 지금 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'], });

• react
• react-native
• expo
• google
• expo-auth-session

koreanjson 관련 사이트가 접속이 안되요

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

koreanjson.com 접속이 계속 안되서 대체 사이트가 있을까요?

• react
• react-native
• 하이브리드-앱
• graphql
• next.js

react-native의 SafeAreaView를 쓴 이유?

해결됨

React Native with Expo: 제로초에게 제대로 배우기

안녕하세요! react-native 의 SafeAreaView 는 기본적으로 안드로이드 지원이 안되고 유연하지 않아 react-native-safe-area-context 의 SafeAreaView를 사용하는게 권장된다고 하더라구요. react-native의 SafeAreaView를 쓰신 이유가 궁금해요

• react
• react-native
• 하이브리드-앱
• typescript
• expo

expo go 안에 threads-clone이 나타나지 않습니다

미해결

React Native with Expo: 제로초에게 제대로 배우기

npm ls react npm ls react-native npm 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 commands Logs 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
• react-native
• 하이브리드-앱
• typescript
• expo

.

미해결

React Native with Expo: 제로초에게 제대로 배우기

.

• react
• react-native
• 하이브리드-앱
• typescript
• expo

사전 렌더링과 getServerSideProps

해결됨

한 입 크기로 잘라먹는 Next.js

안녕하세요, 강의 잘 듣고 있습니다. 강의를 들으며 이해하지 못한 부분들이 있습니다. NextJS는 페이지 요청을 받았을 때 기본적으로 사전 렌더링(서버에서 JS 렌더링)을 한다고 이해하고 있었는데, 그러면 getServerSideProps함수를 선언하지 않아도 사전 렌더링이 진행되는거 아닌가요? 그런데 본 강의에서는 SSR을 진행하기 위해서는 getServerSideProps를 선언한다고 나와있는데, 그러면 SSR=기본적 사전 렌더링이 아닌건가요? 사전 렌더링은 기본적으로 되는게 아니라 명시적으로 getServerSideProps를 선언해야 가능한건가요? 사전 렌더링은 초기 접속 요청 시에만 진행되는게 맞을까요? 페이지 이동 시에는 진행되지 않나요? 따라서 이 페이지 이동 시에 사전 렌더링을 진행하기 위해서 getServerSideProps를 명시적으로 선언하려는 것인가요? (그렇다면 1번질문 해결) 감사합니다.

• react
• typescript
• next.js

cursorAI에 rule 생성 시 rule type이 안 나오는 현상 발생

미해결

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

안녕하세요, cursor에서 설정 > rules & memories 선택 > Project Rules에서 +Add Rule 선택 > project-structure.mdc 생성하면 강사님 화면처럼 rule type 선택할 수 있는 창이 안 뜹니다. 이유가 뭔지 잘 모르겠습니다 ㅜ

• react
• 블로그
• next.js
• cursor
• cursorai

useEffect 비동기 관련 질문

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

비동기가 되기 때문에 콘솔로그를 쓰면 안된다에대한 질문입니다. 위(setCount 내부)에는 count + value를 했고 아래 콘솔로그는 count로 예시를 보여주셨습니다. 궁금한건 아래 콘솔로그에도 +value를 달면 렌더링 결과는 똑같이 나오는거 아닌가요? 물론 실질적인 값은 동일하지 않더라도 이렇게 되면 렌더링 되는 결과는 같은거 아닌가요?

• javascript
• react
• node.js

expo location foreground, background

미해결

React Native with Expo: 제로초에게 제대로 배우기

만약 배달앱을 만든다고하면, 앱을 켤 때, foreground, background 모두 권한을 받아두는 식으로 개발하나요 ?

• react
• react-native
• 하이브리드-앱
• typescript
• expo

npm run android 시 build app 우선 실행

해결됨

React Native with Expo: 제로초에게 제대로 배우기

저는 npm run android 하면 빌드앱이 우선으로 실행되고, expo go 로 계속 switch 해야하는데요 혹시 expo go 로 디폴트로 시작하게는 못하나요 ?

• react
• react-native
• 하이브리드-앱
• typescript
• expo

클라이언트 컴포넌트 사전 렌더링

미해결

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

클라이언트 컴포넌트는 서버에서 사전렌더링이 된다고 했는데 이 의미가 하이드레이션 하는부분만 제외하고 html로 렌더링해준다는 말인가요? 서버는 <div data-nextjs-client-component="..."></div> 같은 placeholder 만 내려주고 서버에서 HTML로 렌더링되지 않는다는 말도 있어서 헷갈립니다ㅠㅠ!!

• react
• 블로그
• next.js
• cursor
• cursorai