본문 바로가기
  • Survival Plan

리액트4

[React Native Vector Icons] 리액트 네이티브 벡터 아이콘을 달아 보자 React Native Vector Icons Application을 개발하다 보면, 그림으로 넣기에는 과도한것 같고, 일반적으로 사용하는 Icon으로 표현하고 싶은 경우가 있다. 대표적으로 아래와 같, 별(star), 와이파이, 음악 및 알람을 표현하는 아이콘들의 경우이다. 이런 용도로 사용하기 적당한 라이브러리로 react-native-vector-icons 가 유용하다. React-Native-vector-icons의 깃허브(github)에 가면, 다양한 경우에 아이콘 (Text Font라고 생각할 수 있다.)을 활용하는 방법이 소개 되어 있다. Github for react-native-vector-icons https://github.com/oblador/react-native-vector-ic.. 2020. 3. 9.
React JS 입문 - 10만에 보는 리액트 요즈음 가장 핫한 개발언어가 무엇이 있나요? ...라고 하면 그 중하나로 React 라고 할 수 있을 정도는 되는 것 같습니다. 2000년대 Javascript에서 JQuery가 나올 때, 세상에 가져온 충격과 비슷하다고 합니다. (??!!) 사실, 저는 이 당시 Front-End에 별 관심이 없어서,, JQuery는 Javascript의 축약버전 정도로 생각하고 크게 염두에 두지 않았었습니다.. 좀더 솔직히 말하면 그 이전 Javascript는 너무 지저분해서 좋아하지 않았었습니다. 그런데 지나고 나서 보니, JQuery가 내가 Web Front End에서 싫어하는 많은 부분을 제거 했던것 이며, 이를 시작으로 다양한 분야로 확장되는 Big-Bang이 일어났던것을 깨달았죠~ 사실, 지금 생각해서 Jqu.. 2020. 3. 9.
React Native - Sample 개발기 1. 개요 1.1 개발하고자 하는 기능/App 설명 1.2 기본적인 설계 환경 구성 개발 환경 구성에 가장 빠른 것은 사실,,, Cloud IDE에 설치되어 있는 이미지를 사용하는 것이다. 다만, Cloud IDE (Goorm IDE , Cloud 9 등)에 세팅된 환경은 Expo를 기반으로 하고 있다. Expo는 다양한 측면에서 매우 훌륭한 도구 이지만, Native Module을 사용하는 경우 정상동작하지 않는다. Expo eject 등을 실행하여 기존 구성된 bundle 구조를 쪼개야 하는데, 이것은 react-native-cli 로 환경을 구성하는 것 보다 더 어려운 작업을 포함한다. 따라서, 간략한 테스트는 Cloud IDE를 사용하여 테스트하고, 실제 개발 작업은 Local 환경에서 react.. 2020. 3. 9.