목차 React Native에 대해 적기 전에 태그에 대해 정리를 해놔야 이후 심화 내용 포스팅할 때 마음이 편할 것 같다. 이해 안 되시면 앞에서 보고 오세요~ 같은 느낌 태그 종류 React Native는 앞선 포스트에서 말했듯이, React 언어를 모바일 코딩 언어(Native)로 변환하는 것이기에, 쓸 수 있는 태그가 다르다. 내가 작업하다 필요한걸 그때그때 알아내는 스타일이라 이번 글은 기본적인 태그만 올릴 것이다. 사실 이 방식을 추천한다. 아무리 완벽하게 공부해봤자 패치하는 개발도구 특성상 완벽하게 알 수 없다. 입문자가 다 알고 들어간다는 것 자체가 비효율적이기도 하고. View html에서 div와 비슷한 태그이다. position : block속성이다. import React from ..
목차 쿠션감 있는 버튼 만들기 나는 버튼을 누를때 쿠션감을 좋아한다. 근데 RN(React Native)에서는 가상선택자가 없어서 hover active등 간단한 설정은 따로 없었다. 구글링해보니 패키지를 다운받는게 일반적인것같다. react-native-touchable-scale Like TouchableOpacity, but scale. www.npmjs.com 하지만 패키지를 쓰면 아무래도 용량 가성비가 떨어지니깐, 개별설정하는법을 어떻게 만들어봤다. 코드 import { StatusBar } from 'expo-status-bar'; import React, { useState } from 'react'; import {Text, View, TouchableWithoutFeedback } fro..
목차 저번 포스트에서 정의만 해놓고 만드는 방법은 안해놨구만... 사전설치 프로그램 Installation - Expo Documentation Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. docs.expo.io Expo를 설치하는덴 문제없느데 실행하기위해서는 다음과 같은 프로그램이 필요하다 Node.js Git Watchman 다행히 블로그에 다 써놨다..ㅎ Nodejs로 서버만들기 목차 결국... 결국 백앤드까지 손을 대 버렸다... 프런트 앤드만 해도 할게 많은데!!! 풀 스택은 취업하고 할 생각이었는데!!! 그래도... 프런트..
목차 React Native JavaScript는 운영체제를 가리지 않고 구동할 수 있는 언어이다. 이 장점을 극대화한 것이 React Native이다. 안드로이드 앱 개발에는 Kotlin / Java가 필요하고 IOS 앱 개발에는 Objective-C / Swift가 필요하다 즉 양쪽의 플랫폼 개발을 위해서는 두 가지 언어를 숙지할 필요가 있는 것이다. 하지만, React Native를 통하면 하나의 언어를 통하여 모든 플랫폼에 개발이 가능하다. 이는 회사의 개발비용 절감으로 이어진다. 원리 그림으로 깔끔하게 정리되는데, JavaScript의 프레임워크가 React이다 이와 Native( Android / IOS 개발언어) 사이를 연결해주는 게 React Native Bridge이다 즉 JavaScri..
- Total
- Today
- Yesterday
- Expo
- 무료아이콘
- 접근성
- Router
- proptype
- Hook
- 서버
- 랜더링
- async
- touchable
- homebrew
- visualcode
- 쿠키
- usecookies
- Redux
- 에러
- 비동기
- CSS
- switch
- html
- useReducer
- 클릭
- react
- 가상샐렉터
- dom
- 아이콘
- nodejs
- 웹접근성
- 이쁜코드
- SVG
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |