야니와 충스의 햄볶기

교재 6장 TodoList App 입니다. 코딩을 다 하고나면 다음과 같은 Todo List App이 만들어집니다. 여기서는 Context 와 Async Storage 개념이 메인입니다. 간략히 해서 Context 는 각 Component 사이 공통으로 사용가능한 전역변수이고 AsyncStorage 는 app 종료- 실행 해도 data가 유지되는 기능을 합니다. - Context API : 장점은 component 마다 props 로 인자를 전달하지않아도 되는 것. React 의 Component. Context API는 크게 전역 상태가 저장되는 context, 전역 상태를 제공하는 Provider, 그리고 전역 상태를 받아 사용하는 Consumer로 나뉘어져 있습니다. context는 컴포넌트가 Pr..

교재 내용을 따라 기본 Project 생성 및 설정 진행. Count 프로젝트 생성, TypeScript 설치, styped-component 설치 그리고 babel-plugin 을 설치합니다. babel-plugin 은 react-native의 상대 경로를, 절대 경로로 변경해주는 plugin 로 예로 import ../../../Button 이라면 import ~/Button 식의 경로를 사용 할 수 있습니다. $ react-native init Count $ cd Count $ npm install --save styled-components $ npm install --save-dev typescript @types/react @types/react-native $ npm install --sav..

React Native 책을 대출 했습니다. 프로젝트 1일차 때 공부하려고 했던 서적이었는데 (https://yannichoongs.tistory.com/129?category=772021) 구입할 만큼 구미가 당기는 내용은 아닌 지라 대출 예약 후 빌렸더니, 어느새 11일차 진행 중이네요~ 저자 코딩 및 개발 환경 - React-native cli 사용 : 그동안 expo cli 로 window 환경에서도 아이폰/안드로이드 모두 올려볼 수 있었는데 책 따라할 겸 react-native cli 사용해 볼 계획입니다. android device 다시 꺼내야겠네요. - TypeScript 사용 : 똑같이 javascript 가 아닌 typescript 를 사용할 계획입니다. 어차피 거의 비슷 - Styled..