타닥타닥 개발자의 일상

특별히 생성하는 파일이나 폴더는 없다. App.tsx import React, { useState } from "react"; import { Button, Text, View } from "react-native"; /* class App extends React.Component{ constructor(props:any){ super(props) this.state = { count:0 } } render() { return( You clicked{ this.state.count } times this.setState({count: this.state.count+1})}/> ) } } export default App */ const App =() =>{ const[count,setCount] = u..

Export / Import로 모듈 구현하기 src 폴더 생성 > src 폴더 안에 screens 폴더 생성 > screens 폴더 안에 NamedExportModuel.tsx/NamedImportModuel.tsx 생성 NamedExportModule.tsx import React from "react" import { Text, View } from "react-native" //변수 const sampleVar = "sample variable" //함수 const sampleFunc = () => "sampleFunc() 호출함" //number=소수+정수 const sampleNumFunc = (num1:number,num2:number) => (num1*num2) //Object == json..

npx react-native init (프로젝트명) --template react-native-template-typescript 위의 명령어로 구현된 프로젝트가 생성되면 좌측 콘솔에 cd 프로젝트명 npm start 우측 콘솔에 cd 프로젝트명 npm run android 입력하여 설정 완료하기 위에 명시된대로 순서대로 입력하면 콘솔창이 아래와 같아진다. 생성된 프로젝트 폴더에 있는 App.tsx 파일 열고 아래와 같이 입력한다음 저장해보자. import React from "react" import {SafeAreaView, Text} from "react-native" /* export default function App(){ //상수 const str:String = 'Hello World' ..

폴더 및 파일 구성 Member : Dto 역할을 하는 클래스 DBHelper : Dao 역할과 Singleton을 사용하는 클래스 나머지 Activity들 : 프로그램 사용시 필요한 모든 화면에 대한 Activity 새로만들기 > Activity > EmptyActivity로 각각의 Activity 생성. Member.kt (Dto 역할) package com.example.membermanagement class Member(var seq:Int, var name:String, var age:Int, var address:String) DBHelper.kt (Dao 역할과 Singleton을 사용하는 클래스) package com.example.membermanagement import android..

파일 및 폴더 구성 main 폴더에 assets폴더 생성. 생성된 assets폴더 우클릭 >디렉터리를 다음으로 표시 > 리소스루트 로 설정 설정된 assets 폴더에 html파일 저장 assets폴더에 저장된 hello.html 파일 Hello, 안녕하세요!! 반갑습니다!! ​ AndroidManifest.xml //인터넷 연결을 허용하는 permission 코드 삽입 activity_main.xml MainActivity.kt package com.example.sample22 import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import android.webkit.WebChromeClient import android.w..