반응형 앱 개발21 [react-native] 드디어 해결!! Text strings must be rendered within a <Text> component 에러 디테일페이지를 만들기 위해 메인 페이지를 복사해서 만들다가 갑자기 아래같이 에러가 생겼다. 아니 안에 잘 썼는데 왜!!! 1시간동안 구글링한 결과 해결방법은 5가지 정도이다. 1. return() 안에 세미콜론(;)이 있는지 2. App.js의 return() 안에 주석(/* */)이 있는지 3. 태그 사이 빈 공간(space)가 있는지 4. 코드에 열리지 않은 괄호, 중괄호가 있는지 ( (), {}, ) 5. 'react-native' 대신 'react-native-web'에서 속성을 가져오는지 6. 상태 개체를 빈 문자열로 초기화했는지 참고 : https://stackoverflow.com/questions/52368342/invariant-violation-text-strings-must-be-re.. 2022. 6. 7. 엑셀(Excel)을 제이슨(JSON)으로 변경하기 메인 화면을 조정하고 이제 실제 DB를 가져와야 해서 firebase를 연동했다. 연동 시 500 에러가 발생하는 경우가 있는데 그럴 때 아래 글을 참고해서 firebase를 다운그레이드해주면 된다. [ firebase 연동 시 500 에러 해결 ] [firebase] While trying to resolve module idb from file.. Indeed, none of these files exist: 500 에러 (expo) 엑스포를 사용해서 파이어베이스와 연동하려고 했는데 뭐가 자꾸 안되는지 아래와 같은 에러가 떴다. 구글링해보니 나와 같은 상황에 처한 사람이 스택오버플로우에 있었다. [원문보기] https://s kangeve.tistory.com 데이터베이스는 연결했고 이제 테스트데이터.. 2022. 5. 27. [react-native] view 안에 text 옆으로 정렬하는 법 내일배움단 앱개발 수강이 끝나서 토이 프로젝트로 언어 발달센터를 확인할 수 있는 앱을 만들기 시작했다. 어우 내가 토이프로젝트라닠ㅋㅋㅋㅋㅋ 어차피 목적은 이것이었으므로 신나게 작업해보긔 일단 View와 ScrollView로 상단 타이틀과 하단 내용이 들어갈 공간을 구분해준다. 그리고 Card가 들어갈 곳(cardContainer)에 Text를 2개를 넣었더니 아래같이 나왔다. HTML 삽입 미리보기할 수 없는 소스 cardName과 cardRating이 옆으로 나란히 있게 하고 싶은데 View 디폴트값이 flexDirection : column이라 밑으로 정렬되서 나온다. (수직정렬) 그러면 옆으로 나란히 있을 수 있도록 cardName과 cardRating을 감싸는 View를 하나 더 만들어주고, 그 .. 2022. 5. 26. [내일배움단] 앱개발 종합반 3주차 개발일지 이번주 수업목표는 앱 개발을 위한 필수 리액트 기초 앱다운 앱을 위한 기능 적용 앱 상의 페이지 구성 이다. [ 리액트 필수 지식 ] 컴포넌트, 속성, 상태, useEffect 1. 컴포넌트(Component) : 정해진 엘리먼트들(요소)을 사용하여 만든 화면의 일부분 UI의 요소들을 재사용이 가능하도록 부분으로 조각내서 운영하는 기법이다. 화면의 모든 부분이다. 코드 전체를 감싸고 있는 함수를 뜻하기도 한다. App.js를 App 컴포넌트라고도 부를 수 있다. 버튼 하나도 컴포넌트가 될 수 있고, 버튼을 모아둔 영역도 컴포넌트가 될 수 있다! 코드 재사용이란 어려운 것은 아니고, 버튼 하나를 만들었을 때 이 버튼 코드를 여러 페이지에서 사용이 가능하도록 만든다는 것! 2. 속성(Props) : 컴포넌트.. 2022. 5. 26. [VScode] 터미널 지우기 안될 때 해결 / terminal clear / terminal cls 해결방법 터미널, 특히 노드(node)의 코드를 지우고 원하는 데이터만 콘솔로 찍어서 확인해보고 싶을 때가 있다. 터미널 cmd는 cls 혹은 clear로 지워지는데 가끔 노드에서는 안먹을 때 아래같이 해결하면 된다. F1 (혹은 ctrl + shift + p)을 눌러 상단에 검색창을 띄운다. terminal clear 명령어를 검색하여 실행한다. 노드창이 깨끗하게 지워진 걸 확인한다. 2022. 5. 24. [firebase] While trying to resolve module idb from file.. Indeed, none of these files exist: 500 에러 (expo) 엑스포를 사용해서 파이어베이스와 연동하려고 했는데 뭐가 자꾸 안되는지 아래와 같은 에러가 떴다. 구글링해보니 나와 같은 상황에 처한 사람이 스택오버플로우에 있었다. [원문보기] https://stackoverflow.com/questions/72179070/react-native-bundling-failure-error-message-while-trying-to-resolve-module-i React-native bundling failure. ERROR MESSAGE: "While trying to resolve module 'idb'..... Indeed none of these files exist": ERROR MESSAGE IN QUESTION: While trying to resolve mo.. 2022. 5. 23. [react-native] TouchableOpacity안에 Text 가운데 정렬하기 내일배움카드로 스파르타 코딩클럽에서 열심히 앱개발 수업을 듣고 있다. 2주차 숙제를 하던 중에 막히는 부분을 발견했는데 안에 를 썼는데 그 텍스트를 가운데로 정렬시키는 법에서 막혔다. 우선 각 태그명 - 노란 박스 : button - 안에 텍스트 : buttonText 우선 시도했던 방법1 : buttonText에 alignSelf: 'center' 넣기 → 실패 button: { width: 150, height: 50, backgroundColor: '#F3B13E', borderRadius: 10, margin: 20, alignSelf: 'center' }, buttonText: { borderWidth: 1, color: '#fff', fontWeight: 'bold', textAlign: 'c.. 2022. 5. 9. [내일배움단] 앱개발 종합반 1주차 개발일지 직무상 개발을 너무 안했더니 그나마 있던 개발 지식이 다 도망가는 것 같아서 내일배움카드(재직자)를 신청했다. 직업훈련포털(https://www.hrd.go.kr/)에서 카드를 신청하고 수령하여 수업을 검색하다가 스파르타코딩클럽이라는 곳이 괜찮아 보여서 수강하게 되었다. 요새 광고도 많이 하고.. 뭔가 떠오르는 샛별같은 느낌? 웹은 회사에서 하고 있는 거라 직접적으로 도움이 될 것 같아서 신청했고, 앱은 개인적으로 kotlin으로 공부하다가 어려워서 다른 언어일지라도 개념은 비슷하겠지 싶어 개발 구조를 좀 맛볼 수 있지 않을까해서 신청했다. 요새 계획서 넣는 시즌이 아니어서 진도빼는 건 생각보다 수월했는데, 이게 주차 수업이 끝날때마다 개발일지를 작성해야 한다. 글을 잘 못 써서 걱정이 되지만 수업했던 .. 2022. 5. 4. [android] kotlin button background 색상 변경 button을 다른 이미지로 변경하기 위해 drawable 폴더에 넣었는데 기존 이미지 색상이 나오지 않고 계속 보라색으로 나오기만 했다. 해결▶ 만약 안드로이드 스튜디오 4.1.1 버전을 사용하고 있다면 themes.xml 파일이 아래와 같이 되어 있을 것이다. parent="Theme.MaterialComponents.DayNight.DarkActionBar" 표시되어 있는 부분을 아래와 같이 변경해주면 된다. parent="Theme.AppCompat.DayNight.DarkActionBar" 2022. 1. 7. [android] 토스트 Toast 메시지 출력 에러 ImageView와 Button을 생성 후 버튼을 클릭했을 때 토스트 메시지 띄우기!! * activity_main.xml * MainActivity.kt package com.eve.imageviewkt import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import android.util.Log import android.widget.Toast import com.eve.imageviewkt.databinding.ActivityMainBinding private lateinit var binding: ActivityMainBinding class MainActivity : AppCompatActivity() { overri.. 2022. 1. 6. 이전 1 2 3 다음 반응형
