Machine_웅_Note

깊은 복사 npm i --save lodash.clonedeep import cloneDeep from 'lodash/cloneDeep'; const oldMessages = cloneDeep(this.state.messages); oldMessages[0].id = 123; https://lodash.com/docs/4.17.15#cloneDeep

render(){ console.disableYellowBox = true; }

// 인덱스를 찾아서 추가를 해보자 let find_index = day_arr.findIndex(function(item,i){ if(item.day === 2){ return i } }) day_arr에서 각 인덱스들의 .day 값을 찾아서 인덱스를 반환한다.

이전까지는 레이아웃을 가져와서 작업을 했다면 이번에는 기본적으로 View를 상속받은 다음에 직접 하나하나 그리는 방식이다. 직접 그리기 위해서는 onDraw를 사용한다. 그러면 직접 그리는 방식의 장점은 무엇일까? 기본적으로 레이아웃 파일을 이용하여 뷰를 가져오면 처리속도가 느리다. 그렇기 때문에 한 화면에 많은 뷰가 들어가면 들어갈 수록 속도는 점점 느려진다. 클래스업(ClassUp)의 경우 수업 화면이 무한 가로 스크롤이 되는 구조인데, 레이아웃을 이용하여 수업을 20개 정도 넣으면 확연히 속도가 느려지는 것을 체감할 수 있다. ViewSwitcher를 이용하고, 뷰를 옮길 때마다 매번 20개씩 다시 그려야하기 때문이다. 그래서 수업하면 전체를 직접 onDraw로 그리는 방식을 선택했고 속도는 정말 ..

클래스업(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..