React/React Native
-
React Native 003React/React Native 2022. 12. 30. 05:00
Redux Slice 및 Store 생성하기 리덕스를 위해 필요한 모듈들을 터미널에서 설치해 줍니다. npm install @reduxjs/toolkit react-redux redux 리덕스를 위한 파일 및 폴더 생성 Todo를 위한 Slice 생성하기 (todoSlice.js에 입력하시오.) import { createSlice } from "@reduxjs/toolkit"; const todoSlice = createSlice({ name: 'todo', //이름 initialState: { //처음 만들 todo의 state를 가지고 있다 currentId:1, //임의로 넣어준 숫자 1부터 시작 todos: [], //todos 배열에 모든 정보는 저장이 된다. }, reducers: {} })..
-
React Native 002React/React Native 2022. 12. 30. 02:01
미국에 돌아온 지 3일째다 시차적응 때문에 힘들고.. 어제까지는 수업 수료하는 날이라 바쁘고 와이프 비자 발급 받으라 정신이 없었는데 오늘은 내 신분 챙기는 서류 보내느라 바빴다. 그래도 인터뷰때 한 마디라도 더 해보려면 어느정도 앱을 만들어 봐야 할 것 같아서 남은 시간 더 해보자.. Core Components 주로 사용되는 컴포넌트들은 이런게 있다 Todo App만들기 목표 : 리액트 네이티브의 core components를 최대한 많이 사용하면서 개발하기 코어 컴포넌트 확인 https://reactnative.dev/docs/components-and-apis 구조 rnfes - 코어 컴포넌트 사용 App.js에 있는 ui를 MainScreen으로 가져온다 import { SafeAreaView,..
-
React Native 001React/React Native 2022. 12. 27. 14:07
리액트 네이티브? Link : https://reactnative.dev/ React Native · Learn once, write anywhere A framework for building native apps using React reactnative.dev 모바일 디바이스 크로스 플랫폼 개발 React를 사용해서, 안드로이드와 IOS네이티브앱을 만든다 자바스크립트로 작성한걸, 네이티브 코드로 그린다. 목표 플랫폼의 네이티브UI구성요소를 활용해 그려준다. 빠른 갱신, 소스코드 저장하면 곧바로 결과 확인 페이스북 지원, 커뮤니티 주도 장점 - 웹뷰를 사용하는 다른 크로스 플랫폼과 다르게 실제 호스트 플랫폼의 표준 렌더링 api를 사용해서 랜더링하게 된다. - 리액트를 기반으로 하기 때문에 생명주기,..
-
React Native 000React/React Native 2022. 12. 26. 23:14
하..... 로 시작하는 첫글 국비학원 6개월을 마쳐가는 시점에 취업을 준비중이다. 여기저기 이력서를 넣고 있는데 React Native 앱 개발자가 필요한 곳에 지원을 했다. (React는 해봤지만 Native는 만져본 적도 없다) 달라봤자 얼마나 다르겠어 하고 넣었는데 덜컥 합격하고 보니 걱정이다. 사실 앱 개발을 해보고 싶었기는 했는데 이틀안에 어느정도 해 봐야 하니 막막하기도 하다. 시작해보자 앱개발은 flutter나 swift를 더 하고 싶은건 비밀