172만명의 커뮤니티!! 함께 토론해봐요.
미해결
핸즈온 리액트 네이티브
입력될때 값은 console.log에 kkkkkk 라고 제대로 들어오는데 onSubmit 안에서 userInfo의 경우 console.log에 k 한글자만 나타나는 상태라 질문드립니다. 깃주소는 https://github.com/dvrakry/rn-photo2 입니다.
해결됨
아바타 커뮤니티앱 만들기 (React Native Expo)
❗ 질문 작성시 꼭 참고해주세요 에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다. 질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github 을 첨부해주세요. 개발중인 OS, ReactNative, Node 버전 등의 개발환경 을 알려주셔야합니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. 일부만 보여주시면 답변이 어렵습니다. 에러 잘라서 올리시면 안됩니다! (에러 일부만 자르거나 일부만 복사하지말아주세요) function EmailInput() { const { control } = useFormContext() return ( <Controller name="email" control={control} render={({ field: { onChange, value } }) => ( <InputField label="이메일" value={value} onChangeText={onChange} placeholder="이메일을 입력해주세요." /> )} /> ) } // signup 페이지 마크업 부분입니다 const signupForm = useForm<FormValues>({ defaultValues: { email: '', password: '', passwordConfirm: '' } }) async function onSubmit(data: FormValues) { console.log(data) } return ( <FormProvider {...signupForm}> <View style={styles.container}> <EmailInput /> <PasswordInput /> <PasswordConfirmInput /> </View> <FixedBottomCTA label="회원가입하기" onPress={() => { console.log('onPress::::') signupForm.handleSubmit(onSubmit) }} /> </FormProvider> ) export default function FixedBottomCTA({ label, onPress }: FixedBottomCTAProps) { const inset = useSafeAreaInsets() return ( <View style={[styles.fixed, { paddingBottom: inset.bottom || 12 }]}> <CustomButton label={label} onPress={onPress} /> </View> ) } function CustomButton({ label, size = 'large', variant = 'filled', ...props }: CustomButtonProps) { return ( <CustomPressable style={({ pressed }) => [ styles.container, styles[size], styles[variant], pressed && styles.pressed ]} {...props} > <Text style={styles[variant]}>{label}</Text> </CustomPressable> ) } export const CustomPressable = ({ children, ...props }: PressableProps) => { const pressHandlerProps = Platform.OS === "android" ? { onPressIn: props.onPress || props.onPressIn } : { onPress: props.onPress }; // console.log('pressHandlerProps:::::', pressHandlerProps) return ( <Pressable {...props} {...pressHandlerProps}>{children}</Pressable> ) } node 20v hookform 7.55v ios android 동일 증상 react-native 0.76.9v 버전입니다. 하위 버튼 컴포넌트들에서 onPress 함수만 별도 분리하여 console 찍어봐도 동작하지 않고 signupForm.handleSubmit(onSubmit) 윗부분 console 만 실행되고 있습니다 차라리 터미널에 에러 코드라도 나타나면 좋은데 아예 아무런 반응이 없어서 해결에 애를 먹고 있습니다
해결됨
웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크
안녕하세요 시뮬레이터 실습하고 있는 수강생입니다. 아래 사진처럼 시뮬레이터로 사파리에 접속하면 맥북의 사파리 인스펙터에서 시뮬레이터 속 웹을 인지하는데요, 엑스포 앱을 통해 웹뷰 내부의 웹은 읽지 못하는 것 같아요 따로 설정해야하는 것이 있을까요 ?
미해결
핸즈온 리액트 네이티브
현재 모달창에서 버튼이 보이지 않고 눌렀을때 취소 버튼만 보이고 있습니다. 선생님 코드랑 비교해봤는데 틀린곳을 찾지 못해 질문드립니다ㅠ 깃주소는 : https://github.com/dvrakry/rn-photo2 입니다. 감사합니다.
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
여기에서 document.getElementById("aa")말고 document.getElementById(aa) 라고 적으면 안되나요? aa는 id설정이 끝난 변수 아닌가요?
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
지금 섹션 [입 중급] CSS&JS 마스터 섹션 01 강의는 다 듣고 섹션 02 강의를 들어야 합니다. 그런데 강의 순서대로 듣는게 맞는건지 아니면 css 부분 부터 다 듣고 다시 올라와서 js 강의를 듣는건지 알고 싶습니다.
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
안녕하세요. 강의 내용을 따라 하다가 갑자기 맵에서 onLongPress 가 동작 하지 않는데 혹시 어떤 컴포넌트에서 long press 이벤트를 가지고 가는지? 관련 디버깅 방법이 있을까요?
해결됨
아바타 커뮤니티앱 만들기 (React Native Expo)
탭 설정 관련 문의 드립니다. 현재 디렉토리는 아래 이미지와 같은 구조이고, 하단의 스크립트처럼 Tab 설정에는 Home / Profile / setting 3가지가 명시 된 상태인데 이전 미션에서 작성한 mission.tsx가 하나의 탭으로 잡히고 있습니다. RN 구조상 (tabs) 디렉토리 하단에 파일들이 자동으로 탭으로 잡히는 구조인지, 별도의 설정으로 뺄 수 있는지 알수 있을까요?? export default function TabLayout() { return ( <Tabs screenOptions={{ tabBarActiveTintColor: "black", headerShown: false, }} > <Tabs.Screen name="index" options={{ title: "Home", }} /> <Tabs.Screen name="my" options={{ title: "Profile", }} /> <Tabs.Screen name="setting" options={{ title: "setting", }} /> </Tabs> ); }
미해결
핸즈온 리액트 네이티브
로그인 에러 처리시 email 형식이 잘못된거와 default값만 출력이 됩니다. 다른분이 올리신 이전 질문글을 바탕으로 ( https://inf.run/mR9EP ) firebase.js도 수정해보았는데 변화는 없었습니다. 수정하여 올려주신 코드에서 import { getReactNativePersistence, initializeAuth } from 'firebase/auth/react-native'; 로 할 시 iOS Bundling failed 1456ms index.js (926 modules) Unable to resolve "firebase/auth/react-native" from "src\api\firebase.js" 이런 오류가 발생해서 아래의 코드로 작성했습니다. import { getReactNativePersistence, initializeAuth } from 'firebase/auth'; 아이디와 비밀번호를 가져오는 부분에서 firebase쪽과 문제가 있는거 같은데 어떤부분이 문제인지 궁금해서 질문드립니다! 깃 주소는 https://github.com/dvrakry/rn-photo2 입니다.
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
fetchTravelproducts에서 클릭으로 상세 페이지로 들어가면 fetchTravelproduct 의 data 값을 보여주는데 API 요청에서 data 값을 확인하면 seller 값이 들어있는데 data.fetchTravelproduct.seller를 콘솔에 찍으면 null 이 뜹니다. (다른 데이터는 정상적으로 불러옵니다.) fetchTravelproducts에서는 판매자 이름이 잘 출력이 되는데 상세페이지에 들어가면 해당 fetchTravelproduct API 요청으로 가져와도 판매자 데이터가 없는 상태로 뜨는데 문제가 뭘까요? 여기서 상세페이지에서 새로고침을 하면 정상적으로 판매자가 보여집니다. fetchTravelproducts에서 캐싱하는 과정에 문제가 있는 걸 까요? // 상세 페이지 import { Query } from "@/entities/api/graphql"; import { gql, useQuery } from "@apollo/client"; export const TRAVEL_PRODUCT = gql` query fetchTravelproduct($travelproductId: ID!) { fetchTravelproduct(travelproductId: $travelproductId) { _id name remarks contents price tags images pickedCount travelproductAddress { zipcode address addressDetail lat lng } seller { _id name picture } createdAt } } `; export const useFetchTravelProduct = ({ travelId }: { travelId: string }) => { const result = useQuery<Pick<Query, "fetchTravelproduct">>(TRAVEL_PRODUCT, { variables: { travelproductId: travelId }, }); return result; }; // 목록 페이지 import { Query } from "@/entities/api/graphql"; import { gql, useQuery } from "@apollo/client"; const TRAVEL_PRODUCTS = gql` query fetchTravelproducts($isSoldout: Boolean, $search: String, $page: Int) { fetchTravelproducts(isSoldout: $isSoldout, search: $search, page: $page) { _id name remarks contents price tags images pickedCount travelproductAddress { zipcode address addressDetail lat lng } buyer { _id name picture } seller { _id name picture } createdAt } } `; interface UseFetchTravelProductsArgs { isSoldout: boolean; search: string | null; page: number; } export const useFetchTravelProducts = ({ isSoldout, search, page, }: UseFetchTravelProductsArgs) => { const result = useQuery<Pick<Query, "fetchTravelproducts">>(TRAVEL_PRODUCTS, { variables: { isSoldout, search, page, }, }); return result; };
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
여기서 time=time-1 붙였는데 시간1초씩줄어드는거 적용이 안되요 도와주세요 ㅠㅠ
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
js 공부중인데 여기서 aa 와 "aa"결과값이 다르게 나오는데 1.이유가 뭔가요? 2.둘 차이점이 뭔가요? 자세하게 부탁드립니다 ㅠㅠ
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
수업 노트 보기에서 노션에 들어가면 따로 즐겨찾기를 할 수 있는 기능이 없는데 어떻게 해야 되나요?
미해결
핸즈온 리액트 네이티브
안드로이드 기기에서 SignUp 화면에서 키보드를 킬 시 아래 SIGNIN 버튼이 안보이는 문제 발생해서 질문드립니다. IOS 기기에서는 키보드를 생성해도 아래 SignIn 버튼이 보이는데 안드로이드에서는 signIn 버튼이 보이지 않아서 질문드립니다. 스크롤바를 내려서 HR 라인까지밖에 내려가지가 않습니다! 깃허브 주소는 : https://github.com/dvrakry/rn-photo2 입니다 감사합니다!
미해결
핸즈온 리액트 네이티브
const [isLoading, setIsLoading] = useState(false); const [disabled, setDisabled] = useState(true); !disabled && !isLoading !disabled || !isLoading 위에 이 두가지의 차이 점을 잘 구별을 못하겠어서 질문을 드립니다. ======================= 밑에 AI 설명으로 이해했습니다 . 감사합니다!
미해결
핸즈온 리액트 네이티브
할일을 입력시 오류가 발생해서 질문드립니다. (NOBRIDGE) ERROR TypeError: text.trim is not a function (it is undefined) 깃주소는 : https://inf.run/6Thdc 입니다. 감사합니다.
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
안녕하세요 [CSS 09-2-3] 폰트 - 폰트와 크로스브라우징 강의 마지막에 다음강의에 안내된 그림,차트 모달 관련 강의가 없습니다. 섹션 09 => [JS 09-1-1] 수업내용이 [ CSS 09-1-1] 과 같습니다. 중복업로드된것이 아닌지요 ?
해결됨
[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스
Vscode 터미널에서 npx eas build --platform android --profile development 명령어를 입력하면 Resolved "development" environment for the build. Learn more No environment variables with visibility "Plain text" and "Sensitive" found for the "development" environment on EAS. ✔ Using remote Android credentials (Expo server) ✔ Using Keystore from configuration: Build Credentials B93ecKpj4X (default) Compressing project files and uploading to EAS Build. Learn more ✖ Compressing project files Failed to upload the project tarball to EAS Build Reason: EPERM: operation not permitted, scandir '/Users/development/.Trash' Error: build command failed. GPT는 Trash를 우회해서 하라는데 우회해도 안되고.. .easignore 파일에 .Trash .DS_Store node_modules .git **/.Trash !./.Trash # 만약 현재 디렉토리에 있다면 포함시킴 를 작성해도 계속 같은 에러가 발생합니다ㅠ.ㅠ 어떻게 해결하면 될까요 ?
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
이슈 React Native 프로젝트 생성 시 CocoaPods 오류 sudo gem uninstall cocoapods 실행 시 cocoapods 설치 안됐다는 메시지 확인 그래서 sudo gem install cocoapods, gem install cocoapods 명령어를 통해 cocoapods 수차례 재설치 및 관련 패키지 (drb, activesupport 등) 설치했음에도 안됨 Xcode 상 Location, Command Line Toolds 도 확인 zshrc 파일 내에도 말씀하신대로 명령어 입력해놓음 -> 후 프로젝트 생성 자체가 안되서 진도를 못나가서 너무 해결하고 싶은데 어떻게 해야할까요? 개발중인 OS 등의 버전 Mac OS: 15.3.2(24D81) ReactNative: 0.72.6(으로 생성하라고 하셔서 버전 명시하여 프로젝트 생성하였으나 실패) Node: v23.10.0 Ruby: ruby 2.7.6p219 (2022-04-12 revision c9c2245c0a) [arm64-darwin24] rbenv: 1.3.2
해결됨
아바타 커뮤니티앱 만들기 (React Native Expo)
❗ 질문 작성시 꼭 참고해주세요 에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다. 질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github 을 첨부해주세요. 개발중인 OS, ReactNative, Node 버전 등의 개발환경 을 알려주셔야합니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. 일부만 보여주시면 답변이 어렵습니다. 에러 잘라서 올리시면 안됩니다! (에러 일부만 자르거나 일부만 복사하지말아주세요) useGetMe 함수 만드실 때, useQuery 옵션으로 onSuccess, onError 사용 안하시고, useEffect로 사이드 이펙트를 처리하시는 이유가 궁금합니다!
