본문 바로가기

React

React Native Layout React Native를 공부할 때, 참고할 수 있는 문서는 아래와 같다. https://reactnative.directory expo는 많은 라이브러리 제공해준다. React Native에서 제공해줄 수 없는 부분까지 말이다. https://docs.expo.dev/versions/v44.0.0/sdk/async-storage/ AsyncStorage - 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.dev React Native 레이아웃에 대해서 알아보자. React Native.. 더보기
React Native Expo Visual Studio에서 활용하기 전에 작성한 글에서는 Expo 홈페이지에서 개발 후, 바로 확인할 수 있는 방식을 사용했다. https://ohrora-developer.tistory.com/6 React Native Expo 활용하기 React Native를 공부할 때, Test용도로 개발 후, 결과를 브라우저 혹은 핸드폰으로 바로 확인해볼 수 있는 사이트가 있다. https://snack.expo.dev/ Snack - React Native in the browser Write code in Expo's o.. ohrora-developer.tistory.com 이 방식도 편하긴 했지만 git에 올려 나만의 코드로 형상 관리할 수 있지는 않다는 점이 단점이였다. 코드 관리를 위해서 Visual Stuido 애플리케이션에서 Expo.. 더보기
React Native Expo 활용하기 React Native를 공부할 때, Test용도로 개발 후, 결과를 브라우저 혹은 핸드폰으로 바로 확인해볼 수 있는 사이트가 있다. https://snack.expo.dev/ Snack - React Native in the browser Write code in Expo's online editor and instantly use it on your phone. snack.expo.dev 1. 결과를 보고 싶은 핸드폰에 Expo Go 애플리케이션을 설치한 후, 회원가입을 해주면 된다. 2. 회원가입한 아이디로 위에 사이트에 접속해서 오른쪽에 위치해있는 My Device를 선택한다. 3. My Device를 선택하여 QR code를 사용하면, Expo Go 애플리케이션을 통해 디바이스가 연결된다. 4... 더보기
Electron에 React 연동해보기! Electron에 대한 기본 지식이 없다면 공부하고 시작하는 것이 좋다. https://ohrora-developer.tistory.com/3 Electron이 뭐길래!? 1. 일렉트론이란 어떤 프레임워크일까? Javascript, HTML, CSS를 이용해 Desktop Application을 만드는 프레임워크이다. 1개의 코드만으로도 Cross-Platform에서 작동하는 Application을 빌드할 수 있다. 2. 일렉.. ohrora-developer.tistory.com 1. Nodejs 설치 Electron 개발을 위해서는 우선 Nodejs가 기본적으로 설치되어있어야 한다. 설치 URL은 아래와 같다. https://nodejs.org/ko/ Node.js Node.js® is a JavaS.. 더보기

LIST