개인프로젝트 목록 진행할 내용 정리

작업할 목록이다.

모 강의에 내용이긴한데, 프로젝트 진행할 아이디어로 써먹으면 좋겠어서

해당 기술을 참조하여 기획해서 사용하되, 내용을 진행하면 되겠더라.

 

React Native 앱으로 만들예정이며.

 

이것들을 왜 썼는가?

이런 내용을 위주로 중점적으로 적을 예정이다.

 

포트폴리오 재정리.

역할 - 명확화.

기여율 표기 진행

 

포트폴리오 백엔드 서버 제거.

 

헬스짐핏

• 카메라 촬영
• NFC 기능
• 지도 추적(러닝, 자전거일 경우)
• 타이머(시작시간, 거리, 심박수)
• 운동종류
• 캘린더 1:N관계 1일에 몇개 진행
• 참조어플 플랜핏 등등

 

블로그 웹앱(이건 해봤는데, 그래도 적용해보려고 한다.)

Web View 기술을 사용하여 현존하는 웹사이트를 앱으로 패키징

• 오픈소스 패키지 사용하기
• 플랫폼 별 Native 세팅 변경하기
• WebView 위젯 사용하기
• Javascript 권한 열어주기
• HTTP 프로토콜 열어주기
• react-hook-form, google login, kakao login, naver login 
• 테마 적용하기
• 설정하는 페이지(다크모드, 버전명기, 고객센터, 이메일주소 표기)

전자액자

가만히 두면 자동으로 롤링되고 직접 스와이핑이 가능한 전자액자 제작

• Page View 위젯 사용하기
• Timer 클래스로 주기적으로 함수 실행하기
• Stateful Widget 실전에 사용해보기

연인과 함께 사용할 수 있는 디데이 어플 제작

• Font 적용하기
• Date Picker 사용하기
• Date Time 클래스 실전 사용
• Cupertino Dialog 활용하기

랜덤숫자 생성기

버튼을 누를 때마다, 지정한 숫자 이하의 랜덤 숫자 3개가 생성되는 어플 제작

• 난수 생성
• 간단한 Navigation 및 데이터 송수신
• Slider 위젯 사용하기
• Functional 프로그래밍을 활용한 위젯 렌더링 및 코드정리

동영상 플레이어

동영상을 재생하는 어플 제작

• Stack 위젯 사용하기
• Image Picker 라이브러리 사용하기
• Video Player 라이브러리 사용하기
• 재생, 정지, 3초 뒤로 돌리기, 3초 앞으로 돌리기 동영상 컨트롤 제작하기

오늘도 출근

구글지도를 사용하여 간단한 위치기반 서비스 제작

• 구글지도 세팅하고 사용하기
• 위치서비스를 이용해서 내 위치 지도에 표시하기
• 특정 위치간의 거리 구하기
• 지도에 마커 표시하기
• 지도에 원 표시하기
• 특정 위치로 카메라 이동시키기
• Material Dialog 활용하기

LIVE- 영상통화

Agora API를 이용한 영상통화 앱 제작

• Agora API를 이용해서 영상통화 기능 제작하기
• Box Shadow 사용해보기

캘린더 스케줄러

데이터를 장기적으로 저장할 수 있는 달력 스케줄러 앱 제작

• Drift 패키지를 활용한 SQ Lite 사용하기
• 간단한 SQL문 배워보기 (select, insert, update, delete, join)
• Bottom Sheet 활용하기
• Wrap 위젯 사용하기
• Table Calendar 패키지 사용하기
• Dismissible 위젯으로 삭제 애니메이션 구현하기
• Stream을 통해 데이터의 변화 자동으로 감지하기

미세먼지 앱

 

 

관련 UI 참조할 목록들.

https://proto.io/en/demos/

Prototype demos - Proto.io