React / React-Native

업로드와 전체 삭제 버튼을 구현하였고, 메모 입력 창으로 가면 상단에 취소와 저장 버튼을 통해 취소를 누르면 창에서 나가고, 저장을 누르면 리스트에 저장되어 초기 화면에 해당 메모가 보이도록 구현해보았다.자 이제 위 코드를 Expo를 통해 폰에서 실행을 해 보자!제목

이전에 만들었던 메모장에서 한단계 업그레이드된 메모장을 만들어보자.이전 메모장은 메모리를 사용하지 않기에 어플을 종료하면 내용이 날라가는데, 이를 해결하고자 Firebase를 이용하여 메모리 기능이 추가된 메모장을 만들어본다.App.js파일 내용이다.Task.js 파일

React Native를 활용하여 어플을 만드는 과정에서 화면 전환효과(Navigation)은 필수적으로 포함된다. 다양한 Navigation이 있지만 여기서는 Stack Navigation을 활용하였다. App.js 파일 내용이다. 여긴 Task2.js 파일의 내

React를 사용해서 State를 끌어올리는 개념을 이해해보자!트위터와 같은 간단한 SNS를 예로 들어보자일반적인 트위터를 트리구조로 표현하면 위와 같다.이 중에서 변하지 않는 값은 무엇일까?사용자가 입력을 실시간을 하는 Tweet Form의 경우 계속해서 상태가 변하

자바스크립트 앱에서 예측가능한 상태관리를 해주는 Container상태가 관리되는 오직 하나의 공간, 저장소컴포넌트 3의 변화로 인해 컴포넌트 6도 상태변화가 일어나야 한다면 Store가 없을 경우 상태변화의 흐름은 3->1->최상위->2->6으로 가게된다.하지만 Sto

주어진 더미 데이터 API를 활용하여 쇼핑몰을 구현하는 프로젝트이다.크게 위와 같이 구조를 잡고 프로젝트를 진행하였다.Other 기능 중 Toast 기능은 App의 제일 위에 올려져야 한 번만 실행되므로 App.js에 삽입하였다.const MainPage = () =>