본문 바로가기

STUDY/Front

 (6)
#3 레이아웃 : Flex, FlexDirection, alignItems Flex는 컴포넌트의 크기비율을 정해준다. 여기서 전체를 감싸는 safeAreaView (참고 : safeAreaView는 상태 바를 침범하지않는 View이다.)의 Flex를 1로 두고 그 안에 View를 다음과 같이 주면 이렇게 비율이 지정되어 뿌려진다. FlexDirection에 따른 레이아웃 1. column & column-reverse 2. row & row-reverse justifyContent에 따른 레이아웃 1. flex-start 2. center
React-native #2) State란? State란 글로벌 변수같은 것 예제 class App extends Component{ constructor(props) { super(props); this.state = { address : '' } } writeAddress = () => { this.setState({ address : "경기도 수원시" }, function(){ alert('주디얌'); }) } writeReset = () => { this.setState({ address : "" }) } render(){ return ( SPONGE 화이팅하자구 {this.state.address} ); } };
React-native #1) Props란? 리액트는 다수의 컴포넌트로 이루어져있는 결정체. 컴포넌트 간 값을 공유하기 위해서 Props 객체를 사용한다. Props란? 클라이언트 베이스로 컴포넌트 간 데이터 공유를 위해 사용되는 객체 예제 SPONGE 화이팅하자구 class JUDY extends Component{ render (){ let judyImg = ''; if(this.props.type === 'one'){ judyImg = require('./assets/image.png'); }else if(this.props.type === 'two'){ judyImg = require('./assets/judy2.jpg'); } return ( ) } }
React-native 셋팅하기 (Window OS) 만들고 싶은 주제의 어플이 생겨서 앱개발 공부를 해볼까했다. 네이티브 앱의 경우 2개의 기술(IOS는 Swift, 안드로이드는 코틀린)을 배워야하기에 부담이 컸기에 이미 어느정도 알고있는 자바스크립트 환경에서 개발할 수 있는 React-native를 배워서 어플의 프론트단을 만들어보기로 결심했다. 나는 슬프게도 MacBook이 없기에 Window환경에서 셋팅을 진행해보았다. React-native 셋팅은 공식 문서에 아주 잘 나와있다. 환경셋팅 공식문서 URL : https://reactnative.dev/docs/environment-setup Setting up the development environment · React Native This page will help you install and..
javascript) 배열값 중에서 최대값과 최소값 찾는 방법 배열의 최대값과 최소값을 구할때, 함수를 사용하면 간단하다 //최대값 찾기 var testArray = [-2, -1, 3, 12, 5]; var max = Math.max.apply(null, testArray); //최소값 찾기 var testArray = [-2, -1, 3, 12, 5]; var max = Math.min.apply(null, testArray); 위 코드를 실행하면 최대값은 12, 최소값은 -2가 출력된다
jquery) name 지정자 가져오기 / 동일 name 여러개 가져오기 아래처럼 같은 name으로 여러개 값이 있을 경우, 이 값들을 배열에 담는 방법이 있다 먼저 다음 예제처럼 가져올 값들이 있다고 가정하면 자바스크립트 이렇게 배열에 담을 수 있다
반응형

티스토리툴바