🍎 2021.02.23 🍎

mainpage.js 구조잡기

  1. 이미지를 불러오는 데 있어서 계속 오류가 생겨 해결했다.

    • react-native 0.63으로 패치하는 과정을 거침
    • 추후 자세한 이미지 사이즈나 디바이스 별 설정은 따로 해야할 듯
    • 캐릭터의 경우 에니메이션으로 들어갈 수 있게 or 클릭 시 포즈가 변하도록 코드를 짜봐야겠다.
  2. react-native calendar strip

    • https://github.com/BugiDev/react-native-calendar-strip
    • BugiDev에서 개발한 달력 라이브러리를 활용해 일단 모양새만 잡아놓았는데 우리 프로젝트에서 필요한 달력은 따로 만들어야 할 것 같다.
      - 주간 달력
      - 목표를 달성한 날에는 stamp를 찍어 줌 (스티커)
      - 달력을 누르면 통계 페이지로 넘어감
    • 컴포넌트의 개념, state 변화 등에 대해 더 공부해야 함
  3. Daily Quest (checkbox)

    • 원래는 미션을 수행하고 슬라이드를 하면 사라지고 하단의 미션이 상단으로 올라가도록 코딩을 하고 싶었는데, 일단 지금은 그렇게까지는 어려운 관계로.... 체크박스를 이용해 만들어 놓았다.
    • 3개의 체크박스 state 따로 설정 (to do)
    • 체크 시 questBox 색깔 변화 또는 반투명 등의 변화 (to do)
  4. Navigation bar

    • 탭 네비게이션 사용
    • 지금은 image를 TouchableOpacity를 이용해 버튼처럼 만들어 놓았는데 다른 방법을 찾아보는 중

  • 아무래도 지금은 전체적인 틀을 잡고 보는 게 중요하기 때문에 모양새만 비슷하게 넣어놓은 것이 많다.
  • style이나 component들을 잘 정리할 필요가 있음 -> 새로운 파일로

To do list 💻

  • 탭 네비게이션으로 5개 페이지 연결
  • checkbox state 확인
  • 챗봇 디자인 확인
  • 파이어베이스 / 장고 --> react-native랑 어떻게 연결지어 사용하는지
  • font & color scheme
profile
코딩 천재만재가 되고 싶은 코린이💻🍎 EWHA BCS & SW

0개의 댓글