Giter VIP home page Giter VIP logo

purrsongassignment's Introduction

PurrsongAssignment

펄송 개인과제 ( 지원자 김진욱 )

  • test 디렉토리를 과제를 수행하기 위해 공부한 부분입니다
  • assignment 디렉토리는 제출용으로 구현한 앱입니다
  • expo를 통해 확인이 가능합니다

추가기능 구현

  • Graph 탭
    • 데이터가 8개 이상 들어왔을 때 주차별로 볼 수 있는 기능 추가( 화살표 버튼 )
    • 그래프 내부의 점 클릭시 해당 수치를 Tooltip 형태로 제공 - ( IOS, Android )
    • UI 개선
      • 기존의 그래프의 경우 저점이 최하단 고점이 최상단으로 표기되어 불편하다고 판단 > 저점의 0.9배 고점의 1.1배의 데이터를 추가삽입하여 개선
      • 추가한 데이터의 좌표는 나오지 않도록 변경
  • Table 탭
    • 표정렬 기능 추가 - 최신순
    • 이상치 확인 기능 추가( 글자 색을 다르게 표시 - 정상값: 녹색, 이상치: 붉은색 )
    • 셀 클릭시 해당 정보를 Alert 로 제공
    • 이상치 판별 기준 - 셀 클릭시 어떠한 이상치인지 확인 가능
      • (최대값 + 평균값) / 2 초과한 값
      • (최소값 + 평균값) / 2 미만인 값

개선할 점

  • Web 호환성: 그래프 내부의 점을 클릭시 해당 수치를 제공하나 Web 에서는 호환되지않음
  • 이상치: 이상치의 기준을 임의로 설정하였기 때문에 수면시간 칼럼의 경우 22-05-10 데이터를 제외하고는 이상치로 나타남 > 각 데이터 칼럼별로 이상치의 기준을 정해야 할것

Day1

  • 테스트(학습): app, 제출: app 생성

Day2

  • 테스트(학습): top-tap navigation 구현, 제출: top-tap navigation 라이브러리 설치

Day3

  • 테스트(학습): react-native-chart-kit 라이브러리 설치, 선형 그래프 뷰 구현

Day4

  • 테스트(학습): react-redux 세팅 및 리듀서 구현, LineGraph 컴포넌트 구현

Day5

  • 테스트(학습): Button (시간 단위 변경, 무게 단위 변경) 구현

Day6

  • 테스트(학습): RecyclerListView 구현

Day7

  • 제출: eslint, prettier 설정, top-tap navigation 구현, react-redux 세팅 및 리듀서 구현

Day8, 9

  • 휴무

Day10

  • 제출: 선형 그래프 컴포넌트 생성, 주차별 보기 기능 추가, 데이터 정보 보기 기능 추가, 단위 변경 기능 추가, 보다 편한 UI를 위해 최대값 최소값 재설정

Day11

  • 제출: 표(행,셀) 컴포넌트 생성, 버튼(텍스트,기본) 컴포넌트 생성, 평소보다 (높은, 낮은) 수치 확인 기능 추가, 셀 정보 보기 기능 추가, 표 정렬 기능 추가

Day12, 13

  • 제출: IOS, Web 호환성 ( Web: Table Cell 클릭시 alert 따로처리, IOS: 노치 디스플레이로 인해 SafeAreaView 추가 )

purrsongassignment's People

Contributors

kim-jin-uk avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.