react.js (4) 썸네일형 리스트형 React-native 배경이미지 넣기 페이지, 섹션 등 어떤 영역에 배경 이미지를 넣고 싶을때는, import { ImageBackground } from "react-native"; 위와 같이 ImageBackground를 추가해서 감싸주면 된다. 단, 서드파티 라이브러리에서 땡겨오는 컴포넌트들이 고유의 background color 를 가지고 있는 경우가 많기 때문에, 그 때는 아래와 같이 일일이 배경색을 바꿔주거나, Styled-Components를 활용하여, 스타일을 적용한 컴포넌트를 만들어 사용하면 된다. React.js Global State Management(전역 상태관리) 1. React.js를 사용하면서, State와 Props를 사용하고, 컴포넌트를 넘나들며 각각의 함수나 값들을 전달하는 과정에서, 구조가 복잡해질수록 전달 구조가 복잡해진다. (이미지가 너무 큰것 같다..........하지만 폭을 알아서 맞춰줄것이니....) 그림에서 표현하고 싶었던 것은, 한 컴포넌트에 속한 여러 하위 컴포넌트 가운데 한 컴포넌트에서 콜라가격을 가지고 쏼라쏼라 하는 내용이 있다고 가정하자. 그런데 분기된 줄기가 다른 어떤 컴포넌트에서 그 콜라가격을 통해 무언가를 하고 싶어졌다. 물론 콜라가격을 해당 컴포넌트에서 잡아주면 상관 없겠지만, 각각의 컴포넌트가 각각 state를 설정해서 변화를 적용해야한다면 굳이 react를 사용할 필요가 있을까? 그래서 값을 전달하고 전달받아 사용하기 위해 기본.. State와 Props React.js를 사용한지 어느덧 10개월이 된것 같다. 잠시 3개월동안 프리로 일한 곳에서 세달동안 일하면서, 처음으로 만져본 React.js. DOM요소를 직접 컨트롤 하는 jQuery방식이 몸에 배었고, jQuery적인 발상으로 로직을 짜서 작업을 해왔기 때문에, React로 작업했던 그 세달이 너무나 고통스러웠다. 지금은 jQuery도 많이 잊어버렸고, react가 훨씬 편하다. React는 SPA(Single Page Application) 라이브러리이다. 하나의 HTML 파일에서 여러 컴포넌트를 mount/unmount 하면서 유연하게 웹어플리케이션 운용을 가능하게 한다. 그 중심에 있는 것이 바로 state 와 props 이다. State import React from "react"; ex.. React Native 1 일단 여기에 쓴다. React Native로 앱을 만드는 미션. 하지만 RN은 써본적 없기 때문에 동영상 강좌를 보면서 따라하기로 했다. 이사님이 추천해주신 강좌를 보는데 Youtube에서 Nomad coder라는 유튜버를 보게 되었다. 콜롬비아인 니콜라스님과 한국인 린님의 합작. 둘이 무슨 관계인지는 관심 없으니 https://youtu.be/p_v_js0mxVc 일단 뭘 걸어야 할지 몰라 어떤 프로그래밍 언어를 쓰는게 좋을지에 대하여 만든 영상 링크를 걸어본다. 각설하고, 요점은 이것이다. React Native client를 사용하여 개발을 할것인가, 아니면 Expo를 사용할 것인지 이다. Expo란 React.js의 Create-react-app 과 마찬가지로 기본 앱을 만들어주도록 프로그래밍 된.. 이전 1 다음
