Machine_웅_Note

클래스업(ClassUp)에서도 그렇고 다른 앱을 만들 때에도 그렇지만 내가 원하는 뷰를 따로 만들고 싶은 경우가 있다. 즉, 커스텀 뷰(CustomView)를 만들어야 하는 상황이 있다. 보통 커스텀 뷰(CustomView)를 만드는 상황은 아래와 같다. 기존에 존재하는 뷰에 기능적인 부분을 조금 더 구현할 때. 기존에 존재하는 뷰에 커스텀한 속성을 넣고 싶을 때. 여러 뷰를 통합해서 하나의 뷰로 가져가면서 내가 원하는 기능 및 속성을 넣고 싶을 때. 여러 화면에서 같은 기능 및 속성을 가지는 뷰를 사용해야 할 때. 전부 일맥상통하는 말이지만 결국 코드를 조금 더 깔끔하게 짜고, 조금 더 구조적으로 정교하게 코딩하기 위해서인 것 같다. 그러면 안드로이드에서 간단하게 커스텀하는 방법을 적어보려고 한다. 커..

import { BackHandler } from 'react-native' componentDidMount() { BackHandler.addEventListener('hardwareBackPress', this.handleBackPress); } componentWillUnmount() { BackHandler.removeEventListener('hardwareBackPress', this.handleBackButton); } handleBackPress = () => { alert('알림') return true; } componentDidMount() { BackHandler.addEventListener('hardwareBackPress', this.handleBackPress); } comp..

item.no} renderItem={({ item }) => ( ) } /> 이미지가 날라다니는 현상때문에 찾아보게 되었는데 해결 방법은 keyExtractor 이다 이걸 지정해주니 안날라 다닌다.

componentDidMount() { this.props.navigation.addListener("didFocus", () => { // user has navigated to this screen }); this.props.navigation.addListener("didBlur", () => { // user has navigated away from this screen }); }

prepare('select * from person'); $stmt->execute(); if ($stmt->rowCount() > 0) { $data = array(); while($row=$stmt->fetch(PDO::FETCH_ASSOC)) { extract($row); array_push($data, array('id'=>$id, 'name'=>$name, 'country'=>$country )); } header('Content-Type: application/jso..

import { View, TouchableHighlight,TouchableOpacity,Modal } from 'react-native' // 모달 박스1 class CancelModel extends Component{ state = { modalVisible: false, }; setModalVisible(visible) { this.setState({ modalVisible: visible }); } render() { return ( { Alert.alert('Modal has been closed.'); }}> 알림 이 페이지를 벗어나면, {"\n"} 작성중인 데이터가 모두 사라집니다.{"\n"}{"\n"} 페이지를 종료 하시겠습니까? { this.setModalVisible(!this.st..

예시) 라우트 네임에 따라서, 탭바를 보여줄지 안보여 줄지 선택 const tabbarVisible = (navigation) => { const { routes } = navigation.state; let showTabbar = true; routes.forEach((route) => { if (route.routeName === 'WriteBoard') { showTabbar = false; } }); return showTabbar; }; // Board2 탭 메뉴 뷰들 createMaterialTopTabNavigator const Board_TapView2 = createBottomTabNavigator( { 공지사항 :{ screen:Test_1, navigationOptions: ({ na..

https://github.com/joltup/rn-fetch-blob joltup/rn-fetch-blob A project committed to making file access and data transfer easier, efficient for React Native developers. - joltup/rn-fetch-blob github.com 설치후 import RNFetchBlob from 'rn-fetch-blob' // 사진 파일 전송 : 서버경로와 URI를 리턴 받는다. async sendProfileImage(filedata){ console.log("전송") const response = await RNFetchBlob.fetch('POST', 'http://192.168.0...

MVVM 패턴? 위에서 언급한 대로, 액티비티에 기능을 붙이다보면 액티비티가 무거워지거나 혹은 종속성이 너무 강해 테스트가 힘들고 유지보수가 어려워진다. 이런 고민 때문에 MVVM 패턴이 등장했다. MVVM은 View - ViewModel - Model을 이용해 각각의 역할을 분리하여 가독성과 재사용성을 높인 디자인 패턴이다. MVC와 MVVM 차이점 기존 MVC(Model - View - Controller) 구조에서는 액티비티가 컨트롤러의 역할을 했으며, 뷰와 연결되어 유저와 상호작용도 하고, 모델과 연결되어 데이터도 처리했다. 즉 뷰와 모델 사이에서 중재자 역할을 했다. MVVM에서는 뷰에서 뷰모델로, 뷰모델에서 모델로 작업을 처리하며, 뷰에서 모델을 직접 참조하지 않는다. 대신 뷰에서 뷰모델을 관..

1-1. 리덕스 소개 리덕스는, 가장 사용률이 높은 상태관리 라이브러리입니다. 리덕스를 사용하면, 여러분이 만들게 될 컴포넌트들의 상태 관련 로직들을 다른 파일들로 분리시켜서 더욱 효율적으로 관리 할 수 있습니다. 또한, 컴포넌트끼리 상태를 공유하게 될 때 여러 컴포넌트를 거치지 않고도 손쉽게 상태 값을 전달 할 수 있습니다. 추가적으로, 리덕스의 미들웨어라는 기능을 통하여 비동기 작업, 로깅 등의 확장적인 작업들을 더욱 쉽게 할 수도 있게 해줍니다. 이 미들웨어에 대해서는 나중에 다뤄보게 됩니다! 필요성 파악하기 리덕스는 글로벌 상태 관리를 하게 될 때 굉장히 효과적입니다. 물론, 리덕스를 사용하는것이 유일한 솔루션은 아닙니다. Context API 를 통해서도 동일한 작업을 할 수 있다는것을 미리 알..