본문 바로가기

대외활동/멋쟁이사자처럼_프론트엔드 12기37

REACT NATIVE 스터디. 주차별 스터디 결과 DRACONIST 1주차(장유빈) 1단원React_Native_스터디_1주차_1단원React_Native_스터디_보충자료React_Native_스터디_1주차_3단원React_Native_스터디_1주차_4단원3.1단원https://hyunh404.tistory.com/88 3.2단원1장 리액트 네이티브란?3장 컴포넌트3.3단원https://turtle0204.tistory.com/entry/REACT-NATIVE-스터디-1주차-1단원-React-Native란https://turtle0204.tistory.com/entry/REACT-NATIVE-스터디-1주차-2단원-리액트-네이티브-환경설정https://turtle0204.tistory.com/entry/REACT-NATIVE-스터디-1주차-3단원-컴포넌트 https://t.. 2025. 3. 16.
React Native 그림자 조절 DRACONIST 안드로이드는 세세한 그림자 조절 기능을 제공하고 있지 않습니다.  profileButton: { width: 110, height: 37, borderRadius: 32, backgroundColor: '#1D1D1F', justifyContent: 'center', alignItems: 'center', // iOS 전용 그림자 shadowColor: '#000', shadowOffset: { width: 0, height: 4 }, // 그림자 방향 shadowOpacity: 0.3, // 그림자 투명도 shadowRadius: 4, // 그림자 퍼짐 정도 // Android 전용 그림자 elevation: 20, }, 2025. 3. 16.
navigation not a function 오류 DRACONIST ({navigation}) => { 꼭 {}로 감싸주어야 한다 2025. 3. 16.
task :app:checkdebugduplicateclasses failed 오류 ReactNative DRACONIST 1) task :app:checkdebugduplicateclasses failed 오류처음에는 해당 오류만 발생했습니다. reactNative 최신 버전 같은 경우에는 npm run android가 AndroidX를 기준으로 돌아가는데 외부 라이브러리를 사용하게 되면 오류가 발생하는 것입니다,gradle.properties에 아래 코드를 추가해주세요android.useAndroidX=trueandroid.enableJetifier=true 전체 gradle.properties더보기더보기# Project-wide Gradle settings.# IDE (e.g. Android Studio) users:# Gradle settings configured through the IDE *will overrid.. 2025. 3. 7.
React Native로 하단탭 네비게이션 만들기 DRACONIST 1. 필요한 라이브러리를 설치합니다.라이브러리 이름@react-navigation/nativeReact Native에서 네비게이션 기능을 제공@react-navigation/bottom-tabs하단 탭 네비게이션을 위한 패키지react-native-screens네이티브 화면 전환 성능 향상react-native-safe-area-context안전 영역(노치, 상태바 등) 처리react-native-vector-icons아이콘 사용을 위한 라이브러리react-native-gesture-handler제스처(스와이프, 터치 등) 지원react-native-reanimated애니메이션 성능 최적화 라이브러리npm install @react-navigation/native @react-navigation/bott.. 2025. 2. 18.
트러블 슈팅. Command failed with exit code 1: gradlew.bat app: DRACONIST Gradle이 일시적인 빌드 캐시 파일을 이동하는 과정에서 문제가 발생한 경우해결법) Gradle 캐시 폴더 삭제Gradle은 의존성 관리 및 빌드 속도 향상을 위해 .gradle 폴더에 캐시 데이터를 저장합니다. 하지만 가끔 이 캐시가 손상되거나 불완전한 상태가 되어 빌드 과정에서 충돌을 일으킬 수 있습니다. .gradle 폴더를 삭제하면 Gradle이 다시 의존성을 다운로드하고 깨끗한 환경에서 빌드를 진행할 수 있습니다. 터미널을 열고 프로젝트 폴더 루트에서 다음과 같이 입력하여 해결했습니다.rd /s /q android\.gradlecd androidgradlew.bat cleancd .. 이제 실행해봅시다.npx react-native run-android 2025. 2. 15.

티스토리툴바