문제 발생❗️react-native-vector-icons 설치 중 발생한 문제Ionicons 아이콘을 사용하려고 했으나 설치 과정에서 문제가 발생문제를 해결하기 위해 여러 시도를 했으나, 제대로 작동하지 않음문제 원인 파악처음에 react-native-vector-icons GitHub 링크에 안내된 설치 방법으로 진행npm install --save @react-native-vector-icons/common첫 번째 문제위 명령어로 설치를 진행했으나, 참고 글에는 npm 패키지 버전의 설치방법으로 글이 작성되어 있어서 GitHub의 설치방법과는 달라 문제가 발생두 번째 문제이후에 npm 버전으로 다시 설치하여 진행npm에 공개된 버전: 10.2.0GitHub에 공개된 최신 버전: 11.0.0npm i..
Error

react-native 0.72.6 버젼을 다음과 같이 설치했다.npx react-native@0.72.6 init --version 0.72.6설치이후에 프로젝트를 맥북에서 ios로 실행을 시켰는데 멈춘 코드지점Command line invocation: /Applications/Xcode.app/Contents/Developer/usr/bin/xcodebuild -workspace tttt.xcworkspace -configuration Debug -scheme tttt -destination id=26AFEFAB-4891-476B-A3A7-345D1AB17C5FUser defaults from command line: IDEPackageSupportUseBuiltinSCM = YESPr..

2024.12.24 일에 발생한 오류❗️핵심 오류 문구Execution failed for task ':react-native-safe-area-context:compileDebugKotlin'.A failure occurred while executing org.jetbrains.kotlin.compilerRunner.GradleCompilerRunnerWithWorkers$GradleKotlinCompilerWorkActionCompilation error. See log for more details❗️진행도중의 오류 문항info Opening the app on Android...info JS server already running.info Installing the app...> Task :g..

❗️Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.오류발생원인components 의 이름과 코드 경로가 잘못됬을경우 발생export default 작성하지 않을때도 발생본인은 뒤에 export default 작성하지 않아서 오류가 발생실수코드 예시'use client';import SideBar from '@/components/SideBar/SideBar';import ThumbnailEditor from '@/components/ThumbnailEditor/ThumbnailEditor';impor..
Next.js 14 에서 editor 구현중에 다음과 같은 오류가 났다.❗️TypeError: Cannot read properties of undefined (reading 'prototype') 여러가지 방법이 있었지만 page에 “use client”를 잊어버렸다. 혹시라도 Next.js 에서 오류가 난다면 "use client" 를 빼먹었는지 확인해보자

{ "extends": ["next/babel", "next/core-web-vitals"]}Error 발생❗️Parsing error : Cannot find module 'next/babel’에러표시가 발생해도 웹은 정상적으로 동작했지만 코드상에서 에러표시가 너무 보기가 싫었다.next/babel 을 새로 설치하는 방법도 소용이 없었다.해결방법- eslintrc.json -{ "extends": ["next/babel", "next/core-web-vitals"]}extends 에 next/babel 을 추가하는 것으로 에러표시가 사라졌다. 어차피 eslint 오류라 별 상관 없는데 에러가 왜 발생하는지는 나도 잘 몰루?, 혹시 발생하더라도 바로 해결방법을 적용하지말고 프로젝트를 껐다 다시 켜보면..