클립핑 오류란?React-Native에서 안드로이드로 작동시킬때 border-radius가 적용될 때, 내부 요소가 부모 View의 둥근 테두리를 따르지 않고 잘리지 않고 그대로 표시되는 문제를 클리핑 오류라고 한다. 오류 예시사진을 보면 23일과 24일은 같은 컴포넌트로 구성했지만, 23일은 정상적으로 원으로 표시되어있지만 24일은 사각형으로 표시되는 현상이 발생iOS 에서는 정상적인데 안드로이드 클리핑 문제가 발생하는 이유이는 borderRadius 렌더링 방식 차이가 발생한다. iOS에서는 borderRadius가 적용되면 부모 View 내부의 자식 요소도 자동으로 클리핑되지만 안드로이드는 기본적으로 클리핑을 하지 않아서, borderRadius가 적용된 부모 View를 넘어가는 내용이 제대로 적용..

문제 발생❗️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..

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" 를 빼먹었는지 확인해보자