본문 바로가기
Dev/앱 개발일지

스파르타 코딩클럽 앱개발 종합반 5주차

by ZEROGOON 2023. 4. 3.

 

1. 취지 & 설명 : 첫 메인 화면에서 내가 원하는 콘텐츠를 웹진 형태로 노출하면서 간단한 이미지와

내용 일부를 보여줄 수 있도록 구성하였다. 카테고리 탭 메뉴를 배치하여 각 주제에 맞는 콘텐츠를

볼 수 있도록 필터 기능을 넣어서 검색의 편의성도 추가하였다. 현재는 강의 과정에서 등록한 팁 데이터로

구성되어 있는데 콘텐츠 내용은 추후 업데이트 할 예정이다.

 

2. 기술 설명 : 리액트 네이티브를 기반으로 앱을 개발하였고, 데이터는 firebase를 활용하여 가볍게 활용할 수 있도록

개발하였다. 화면 구성에는 네비게이션 영역과 콘텐츠 영역을 구분하였고, 반복적으로 사용 가능한 페이지 내 구성요소들은 컴포넌트로 분리하여 재사용 할 수 있도록 제작했다. 데이터를 가져오는 부분은 리액트의 state를 활용해서 초기값을 세팅한 뒤 state의 변화에 따라 데이터를 가져와서 출력하도록 하였다. 실제 데이터는 firebase의 API를 활용해서 가져왔다.

 

찜하기 기능을 통해 firebase에 데이터를 기록하는 부분은 구현하였고, 공유하기 기능을 통해 리액트 네이티브에서 기본 제공하는 공유 함수를 적용했다.

 

3. 어려운 점 : 기본적으로 리액트에 완벽히 익숙하지 않은 상태여서 코드 적용 및 분석에 조금 어려움이 있었지만 강의를 보면서 강의자료와 실습 코드들의 반복을 통해 주차를 거듭할수록 보다 익숙해지는 걸 느낄 수 있었다.

 

4. 후기 : 5주간의 앱개발을 통해서 리액트 네이티브에 대해서 조금은 알게 되었고,

리액트가 어떤 방식으로 구동되는지 요즘 가장 많이 쓰이는 이유가 왜인지 알 수 있었다.

비록 간단한 앱 구현으로 마무리를 하였지만, 처음부터 배포까지 진행을 하면서 앱 개발의 프로세스를 경험할 수 있어서 앞으로 앱 개발을 진행할 때 많은 도움이 될 것 같다.