전체 글

React-native 에서 숫자 카운트를 세는 프로그램을 만들어 보겠다. app.js에 이렇게 적고 import {View, StyleSheet } from 'react-native'; import {useState} from 'react' // 플러스 카운트 버튼 import PlusCount from './components/PlusCount' // 마이너스 카운트 버튼 import MinusCount from './components/MinusCount' // 숫자가 출력될 컴포넌트 import PrintNum from './components/PrintNum' export default function App() { const [countNum,setCountNum] = useState(0) c..

https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 먼저 이곳에서 어플리케이션을 생성한다. 여기서 REST API 키를 사용할것이다. 로그인을 활성화 해놓는다. Redirect URL을 설정한다. 필자의 환경은 Expo Go이라는 어플을 가지고 핸드폰으로 테스트 하였다. import React from 'react'; import { View } from "react-native"; import { WebView } from 'react-native-webview'; import axios fro..

SQLAlchemy란 파이썬이 제공하는 ORM이다. 이를 사용하면 SQL 코드를 쓰지 않고 파이썬 코드로 데이터베이스를 조작할 수 있다. pip install flask-sqlalchemy pip install flask-migrate 데이터베이스를 마이그레이션 하는 확장가능 flask-migrate도 같이 설치한다. 마이그레이션은 코드정보를 바탕으로 데이터베이스의 테이블 작성이나 컬럼 변경등을 실시하기 위한 기능이다. 코드 정보를 바탕으로 SQL이 발행되며, SQL 정보를 파일로 유지하기 위해 계속적으로 데이터베이스의 갱신이나 갱신전 상태로 되돌리는 롤백이 가능해 진다. app.py를 다음과 같이 만든다. from flask import Flask from flask_migrate import Migr..

https://code-escape.tistory.com/93 AWS S3 버킷 생성하기 고유한 버킷 이름을 정해준다. 객체 소유권은 권장으로 두고 퍼블릭 엑세스를 차단하면 외부 접속이 불가능하다고 해서 모든 퍼블릭 엑세스 차단을 비활성화로 바꿔 줍니다. 나머지는 그대로 code-escape.tistory.com S3 버킷을 먼저 생성하고 IAM에서 액세스키와 시크릿키를 생성하고 저장해 놓는다. (만들면 다시 볼 수 없다고 하기 때문...) IAM에서 키를 생성하는 부분을 적지 못하여서 다른 블로그를 참조해주길 바란다.(다음에 시간날때 추가해 두도록 하겠다.) 필자는 파이썬을 이용하여 이미지를 업로드하겠다. import boto3 from botocore.exceptions import ClientErr..

고유한 버킷 이름을 정해준다. 객체 소유권은 권장으로 두고 퍼블릭 엑세스를 차단하면 외부 접속이 불가능하다고 해서 모든 퍼블릭 엑세스 차단을 비활성화로 바꿔 줍니다. 나머지는 그대로 두고 만들기를 누릅니다.

Map 위 그림처럼 map을 사용하여 컴포넌트를 반복한다. item변수로 값을 받으며, idx변수로 인덱스값을 받아서 사용한다. ScrollView 스크롤이 필요한 부분에 ScrollView를 감싸주어 사용하면 된다. onMomentScrollBegin은 스크롤이 시작하자마자 사용되는 이벤트이며 onScroll은 스크롤 중에 사용되는 이벤트이다. TextInput 화면에 보여줄 값을 value에 적고 값을 입력받기 위해 onChangeText를 쓰며, 여러 줄을 사용할때 multiline을 사용한다. 만약 글자를 받고 싶지 않다면 editable을 사용하고 글자수를 제한하고 싶다면 maxLength를 사용하면 된다.

TochableOpacity TochableOpacity는 react-native에서 import하여 사용하며 클릭에 대한 이벤트를 넣고 싶은 컴포넌트를 위 사진처럼 감싸면 된다. 터치에 대한 이벤트는 여러가지가 존재한다. 대표적인 이벤트는 위 사진에 있는 4가지 가있으며 영어 그대로 조건이 조금씩 다르다. Button 위 사진처럼 title을 이용하여 버튼에서 표시하고 싶은 글씨를 적고, TochableOpacity와 동일하게 onPress를 사용하여 터치에 대한 이벤트를 처리한다.

State useState()를 사용하여 관리한다. react에서 import하여 사용하며, 리턴값은 두개이다. 리턴값중 첫번째 값을 표현할때 사용하며, 두번째 값을 변경할때 사용한다 setter라고 보면 된다. import {useState} from ‘react’ const [sample, setSample] = useState(false) 위의 코드 처럼 사용하면 된다. Props 위의 그림처럼 props로 값을 받고 props안에 있는 값들을 사용할 수 있다. 값을 넘겨줄때에는 위의 그림처럼 넘겨 주면 된다.