분류 전체보기

ERR일기) None of these files exist:

7 | 8 | 9 | export default function MainPage() { Unable to resolve module ../components/Loading from E:\sparta-study1\sparta-honeytip-codeminy\pages\MainPage.js: None of these files exist: * components\Loading(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json) * components\Loading\index(.nati..

모니터마운트 좋다..

왜 지금까지 모니터 마운트를 사용을 안했는지 모를정도로 좋다. 매주 화요일은 회사에서 퇴근하지않는날로 정했다. 그래서 회사에 있는 방하나를 내 물건들로 채워놨다. 이 방은 이제부터 제겁니다.

[나만의꿀팁제작]그 후 24시간 후에 문제해결.

data.js 파일에 오류가 있었다. data안에는 꿀팁 내용이 들어가있는데 이부분을 분명 써넣었는데 한참 고생고생 여러 인터넷도 찾아보고 했으나 결과는 "프로그래밍중 뭔가의 누락" 이라고 하는것이다. 아무리 찾아봐도 몰라서 오늘 다시 설치해야겠다. 분명 expo에서 문제가 있으리라 생각했다. 파일도 다시만들고 다시 공부한다 생각하고 모든걸 다시 써넣었다. 그 와중에 문제점이 발견됐다. Data.json를 찾을 수 없다고 나오는것이다. Data.json???? 기억이 가물가물해서 다시 처음부터 강의록을 보기시작했고. Data.json를 찾아서 열어봤고 Data.json를 다시만들고 써넣었더니 해결됐다. 그간 열심히 따라 해 온 시간이 아까워 어떻게든 해결해보려고 했던것이 문제였다. 누락이있었다. 에러가 ..

[리액트]함수의 골격

import React from 'react'; import main from './assets/main.png'; import { StyleSheet, Text, View, Image, TouchableOpacity, ScrollView} from 'react-native'; export default function App() { console.disableYellowBox = true; //return 구문 밖에서는 슬래시 두개 방식으로 주석 return () } const style = StyleSheet.create({})

[리액트]flexDirection , justifyContent

import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; export default function App() { return ( ); } const styles = StyleSheet.create({ container: { flex:1 }, containerOne: { flex:1, backgroundColor:"red" }, containerTwo:{ flex:2, flexDirection:"row", backgroundColor:"yellow" }, innerOne: { flex:1, backgroundColor:"blue" }, innerTwo: { flex:4, backgroundColor:"orange" ..

[리액트] flex

import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; export default function App() { return ( ); } const styles = StyleSheet.create({ container: { flex:1 }, containerOne: { flex:1, backgroundColor:"red" }, containerTwo:{ flex:2, backgroundColor:"yellow" }, innerOne: { flex:1, backgroundColor:"blue" }, innerTwo: { flex:4, backgroundColor:"orange" } });

[리액트]이미지 꽉 채우기 cover

import React from 'react'; import { StyleSheet, Text, View, Image } from 'react-native'; //이렇게 상단에 가져와 사용할 이미지를 불러옵니다 import favicon from "./assets/favicon.png" export default function App() { return ( {/*이미지 태그 soruce 부분에 가져온 미지 이름을 넣습니다 */} ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', //혹시 미리 궁금하신 분들을 위해 언급하자면, //justifyContent와 alignContent는 영역 안에 있는 ..

[리액트]이미지이용하여 반복채우기 [리액트네이티브]

import React from 'react'; import { StyleSheet, Text, View, Image } from 'react-native'; //이렇게 상단에 가져와 사용할 이미지를 불러옵니다 import favicon from "./assets/favicon.png" export default function App() { return ( {/*이미지 태그 soruce 부분에 가져온 미지 이름을 넣습니다 */} ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', //혹시 미리 궁금하신 분들을 위해 언급하자면, //justifyContent와 alignContent는 영역 안에 있는 ..

[리액트]터치 (TouchableOpacity)

import React from 'react'; import { StyleSheet, Text, View, ScrollView, TouchableOpacity, Alert } from 'react-native'; export default function App() { const customAlert = () => { Alert.alert("TouchableOpacity에도 onPress 속성이 있습니다") } return ( 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! ); } const styles..

[리액트]버튼

import React from 'react'; import { StyleSheet, Text, View, Button, Alert } from 'react-native'; export default function App() { return ( 아래 버튼을 눌러주세요 {/* 버튼 onPress 속성에 일반 함수를 연결 할 수 있습니다. */} {/* ES6 문법으로 배웠던 화살표 함수로 연결 할 수도 있습니다. */} { Alert.alert('팝업 알람입니다!!') }} /> ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', }, textContainer: { height:100, margin:1..