Programming

1. ascii-capable 2. decimal-pad 3.default 4. email-address 5.name-phone-pad 6. number-pad 7. numbers-and-punctuation 8. numeric 9. phone-pad 10. twitter 11. url 12. visible-password 13. web-search

오류 내용 If you are sure the module exists, try these steps: 1. Clear watchman watches: watchman watch-del-all 2. Delete node_modules and run yarn install 3. Reset Metro's cache: yarn start --reset-cache 4. Remove the cache: rm -rf /tmp/metro-* 해결방법 // 1 단계 $ npm cache clean --force // 2 단계 $ rm -rf node_modules 로 node_modules 삭제 폴더로 이동하거나 디렉토리로 이동하여 수동으로 삭제하고 마우스 오른쪽 버튼을 클릭 한 다음>삭제를 클릭하십시오. // 3 단..

react native 태그, 옵션 정리 useRef 훅 사용법 정리 reference : 코드에서 특정 컴포넌트에 접근하기위해, 가리키는 것 며새래쳔

https://svgtopng.com/ Convert SVG files to PNG Online This free online SVG to PNG converter allows you to convert SVG files to PNG images, quickly and easily. svgtopng.com 드래그앤 드랍으로 svg 파일을 넣어주고, download 버튼을 눌러, png 파일로 받을 수 있다.

React에서의 styled-components와의 다른점 div => View span => Text styled-components 설치 sudo npm install styled-components // Typescript 사용시 추가 설치 sudo npm install @types/styled-components @types/styled-components-react-native styled-components 사용 ㅇㅇ appearance 란? 라이트모드, 다크모드 같은 설정이 있는지 확인한다. appearance 설치 sudo npm install react-native-appearance

React Native란? React의 문법으로 ( javascript 기반 ), android, ios의 앱을 만드는 프로그램 javascript로 작성된 코드들을, android 와 ios에 맞춰 바꾸어준다. ( 크로스플랫폼 ) React Native 개발 과정 Node.js 설치 VsCode 설치 VsCode 편집기로 코드(소스파일) 작성 소스파일을 android, ios 앱으로 빌드 앱을 가상장치(에뮬레이터)에서 테스트 앱 배포 Expo cli 이용 React Native 설치 [React.js] Expo란? Expo란? 리액트 네이티브 앱을 만들기 위한 설정파일을 간단하게 설정해주는 프로그램 Expo 특징 안드로이드, ios 앱을 윈도우, 맥, 리눅스에서 만들 수 있게 해준다. 리액트 네이티브 ..

React navigation 리액트 네이티브에 네비게이션 기능을 간단하게 만들 수 있다! ( 페이지 탐색 메뉴 ) React Native란? [React Native] React Native란? React Native란? React의 문법으로 ( javascript 기반 ), android, ios 앱을 만드는 프로그램 React Native 설치 ( Expo이용해서, React Native 프로젝트 간단하게 실행하기 ) [React.js] Expo란? Expo란? 리액트.. defineall.tistory.com 설치 npm install @react-navigation/native expo managed 프로젝트 사용시 설치 expo install react-native-gesture-handler..

AppLoading 이란? expo앱을 실행하기 전에, 로딩이 될때까지 기다릴 수 있도록 해주는 expo 라이브러리 ( 유저가 앱을 실행했을때, 바로 조작 할 수 있도록 미리 로드 ) 공식 페이지 AppLoading - 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 AppLoading 설치 expo install expo-app-loading 본 게시글에서는, Expo의 아이콘과 폰트를 미리 불러오는 기능을 만들어보겠다. Expo Font 란? Expo 앱에서 여러가지 글꼴을 사..

방화벽 상태 확인하기 sudo ufw status 방화벽 끄기 sudo ufw enable 방화벽 켜기 sudo ufw disable 특정 포트 접속 허가하기 sudo ufw allow 1234/tcp 특정 포트 접속 거부하기 sudo ufw deny 1234/tcp 접속 허가/거부 설정 삭제하기 sudo ufw delete allow 1234/tcp sudo ufw delete deny 1234/tcp 특정 IP 접속 거부하기 sudo ufw deny from [IP]