Nerd
Nerd
Nerd
전체 방문자
오늘
어제
  • 분류 전체보기 (439)
    • Today I Learned (333)
    • 주간회고 (8)
    • FrontEnd (5)
    • ErrorNote (7)
    • 자바스크립트 (24)
    • 알고리즘 (13)
    • html과 css (21)
    • 토이프로젝트 (5)
    • React-Native (1)
    • React (13)
    • node (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 절차지향적 프로그래밍
  • 리덕스 툴킷
  • 토이프로젝트
  • React
  • 모던 자바스크립트
  • wil
  • 선언적 프로그래밍
  • pacakge.json
  • 코드숨
  • 데이터 타입
  • npm ci
  • Redux
  • 주간회고
  • 값의 할당 및 재할당
  • 파이썬기초
  • JSX
  • 메타인지
  • 3FS
  • 리액트 훅
  • 자바스크립트
  • npm i
  • package-lcok.json
  • 파이썬 기초
  • Today I Learned
  • ErrorNote
  • 에러노트
  • TIL
  • 명령적 프로그래밍
  • 토이 프로젝트
  • 리액트

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Nerd

Nerd

React-Native

React-Native] Press

2021. 12. 21. 00:28

리액트 네이티브에서의 상호작용

리액트 네이티브로 개발할 경우 실 사용자는 모바일 유저이기 때문에

유저 상호작용 이벤트가 많은 편입니다!

오늘은 유저 상호작용 이벤트에서 빠질 수 없는 press에 대해 공부했습니다!

// onPress
onPress = {() => alert('hello world')}

onPress는 터치 시 호출합니다!

//onPressIn
onLongPress={() => alert('hello World')}

onLongPress는 길게 터치할 시 호출되는 특징이 있습니다!

// onPressIn
onPressIn={() => alert('hello world')}

onPressIn의 경우 터치 시작시 즉각적으로 호출되는 특징이 있습니다!

//onPressOut
onPressOut={() => alert('hello world')

onPressOut의 경우 터치 종류시 호출되는 특징이 있습니다!


오늘 공부하며 느낀 점

확실히 리액트와 리액트 네이티브는 정말 비슷하지만

미세하게 다른 부분이 존재하는 것 같습니다!

리액트 네이티브의 공부도 게을리 하지 않고

서버 공부도 할 겸 서버를 세팅하고 리액트 네이티브로 사이드 프로젝트를 얼른 진행하고 싶습니다!

새로운 것을 배우는 것과 새로운 계획을 잡고 계획을 실천하는 것은 정말 즐거운 일인 것 같습니다!

    Nerd
    Nerd
    꾸준히 열심히 지속적으로 하겠습니다!

    티스토리툴바