| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |
- 안드로이드
- Javscript
- Hook
- TextView
- Android
- 코틀린
- nodejs
- button
- 리액트
- RecyclerView
- 오버라이딩
- GoogleMaps
- JS
- stylesheet
- Kotlin
- SpringBoot
- scrollview
- 자바스크립트
- Java
- React
- 스프링부트
- fragment
- Linux
- 구글맵스
- array
- JavaScript
- 랜덤넘버
- TypeScript
- 랜덤번호
- npm
- Today
- Total
목록Hook (3)
타닥타닥 개발자의 일상
react / checkbox 만들고 check된 화면에 상태 확인, 출력하기 (typescript, Checkbox, Button)
아이콘 참고 사이트 https://oblador.github.io/react-native-vector-icons/ react-native-vector-icons directory oblador.github.io 프로젝트 생성 npx react-native init sample16 --template react-native-template-typescript 필요한 부분 install npm i react-native-paper checkbox를 만들기 위해서는 android>app>build.gradle 부분을 수정해야한다. (제일 마지막 한줄 코드만 추가됨) build.gradle apply plugin: "com.android.application" import com.android.build.Out..
react radio버튼 이용하여 값 선택하기 radiogroup radiobutton
프로젝트 생성후 아래의 설치문을 입력해서 radiobutton을 import한다. 설치문 npm i react-native-flexi-radio-button --save 설치문을 입력한뒤 생성된 node_modules>react-navtive-flexi-readio-button>lib를 방문하여 radioButton.js와 radioGroup.js를 편집해준다. radioButton.js import React, { Component } from 'react' import PropTypes from 'prop-types' import { StyleSheet, View, Text, TouchableWithoutFeedback } from 'react-native'; export default class R..
react 텍스트 입력하고 button 누르면 console창에 출력되게 하는 화면 만들기 (typescript/TextUnput/Button)
App.tsx import React, { useState } from "react"; import { Button, Text, TextInput, View } from "react-native"; let glTag:String //사용되지 않는 함수 function MyFunc(props:any){ console.log(props.name) props.setText('Money') return {props.name} } export default function App(){ const [ inputTextValue, setInputTextValue ] =useState("") const [text,setText] = useState("") //setInputTextValue에 text값을 입력하는 함수..