React 와 Expo로 앱 만들어보기 2탄

순전히 앱을 만들어보고 보고 싶었는데 드디어 앱을 완성했다..!! 노마드 코더의 니콜라스 쌤의 가르침 덕분에 만들어 낼 수 있었다.

간단하게 To-Do List를 Work과 Travel 이 두 가지 주제를 테마로 만들었고 정말 가볍게 만들었고 CRUD 기능이 있다.

Work 테마

이런 식으로 할 일을 추가할 수 있고 체크 표시 모양을 누르면 끝냈다는 걸로 간주하고 검은색 글씨로 변하며 중간에 Dinner 표시가 생긴다. 삭제하려면 휴지통 모양의 아이콘을 눌러야 삭제를 할 수 있다.

Travel 테마

Travel 글씨를 누르면 이렇게 가고 싶은 여행지를 추가 해놓을 수 있다. 기능은 같다. Travel를 누르면 Object JSON 데이터에서 working 상태가 false가 되어 위와 같이 travel 목록만 보이게 만들었다.

삭제시 나오는 화면

삭제를 하려고 하면 위의 화면과 같이 Alert가 나온다.

수정할 때 나오는 화면

수정을 하고 싶을 때는 위와 같이 키보드 입력 창이 올라와서 수정 하면 수정한 데이터로 다시 저장이 된다.

 

느낀 점 

정말 기본적인 기능만 넣고 크게 신경을 쓰지 않고 만들어 본거라 완성도가 높진 않지만, 이렇게 앱을 만들어 보는 경험을 할 수 있어서 재밌었다. 웹 개발을 하다가 이를 해보니 신선했다. React Native가 아주 많은 Component를 지원해줘서 만들 때 원하는 기능을 쉽게 추가할 수 있어서 좋았다.

하지만, 화면이 작고 버튼을 누르는 것으로 이벤트가 시작되다보니 생각보다 엄청 사용자 입장에서 고려해야할 것이 많았다. 직접 만들고 이것저것 눌러보니 이 부분이 좀 아쉽고 저게 좀 별로고 ,,, 와 같은 생각이 잘 들었다. 당연히 프론트는 사용자 입장에서 많이 고려해서 개발을 해야한다. 하지만 손 터치라 아주 민감한 부분이 많고 고려해야할 사항도 많은 것 같았다. 역시 뭐든 쉬운게 없다. 이번에도 역시 쉽게 개발할 수 있는 경험을 주는 다른 개발자 분들께 감사하다.