search

sdm1230 / manitoApp

2020-2021겨울방학 마니또 프로젝트
0 stars 0 forks source link

개발 TIP #1

Open sdm1230 opened 3 years ago

sdm1230 commented 3 years ago

깨달음

sdm1230 commented 3 years ago

터치이벤트를 사용할 때는 버튼 컨테이너에 'zindex:1'을 꼭 줘야한다. 시각적으로 위에 있는 것 같아보여도, 터치 이벤트가 배경에 먼저 적용될 수도 있다

https://stackoverflow.com/questions/39250449/react-native-touchableopacity-not-working-inside-an-absolute-positioned-view/55571595

sdm1230 commented 3 years ago

ScrollView 의 높이는 바깥쪽에 View로 감싸서 정의를 해줘야함.

sdm1230 commented 3 years ago

DatePicker는 react-native-date-picker사용 Date형식은 ISO 표준방식 new Date() 하면 현재 날짜, string변환하려면 toISOString 하면됨. new Date('YYYY-MM-DD') 하면 string을 ISO 형식으로 바꿈(YYYY-MM-DDTHH:MM:SS)

sdm1230 commented 3 years ago

투명색 : #00000000

sdm1230 commented 3 years ago

12/29

  1. react-native 이용한 앱 생성
  2. iOS, Android Simulate 모두 성공적으로 시뮬됨

참고링크 : https://dev-yakuza.posstree.com/ko/react-native/install-on-mac/

내일 할 것 : 카카오톡 로그인 연동
sdm1230 commented 3 years ago

12/30

카카오톡 api 사용 환경설정 only for iOS>=13.0(Xcodeworkspace에서 pod파일과 타겟(manitoApp)에서 설정을 해줘야함

참고링크

  1. 전체적인 과정
  2. react-native-seoul/kakao-login 모듈(주의 : Legacy sdk사용)
  3. IOS SDK 사용을 위한 환경세팅
  4. swift 파일로 AppDelegate.m(objc)에 연동
  5. SceneDelegate.swift 파일 만들기

Difficulty

ios프로젝트가 13.0으로 시작한게 아니어서 세팅이 잘 되어있지 않다.

내일 할 것 : KakaoSDKAuth 연동하여 로그인 api 구현 & 인증토큰 받아 백엔드에 넘겨주는 것까지
sdm1230 commented 3 years ago

1/5 - 디자인 1

  1. 그라데이션 적용 using linear gradation 라이브러리
  2. 백 그라운드 생성 - 배경 컴포넌트를 만들어 모든 페이지에서 랜더링
내일 할 것 : 카카오톡 로그인 연동
sdm1230 commented 3 years ago

1/7 - 디자인 1 && 카카오로그인

  1. kakao-login 구현 성공(legacy 모드라 추후에 iOS sdk2로 업데이트해야함) https://github.com/react-native-seoul/react-native-kakao-login
  2. 디자인 1 완성 without font
내일 할 것 : font적용 및 1의 나머지 페이지 구현, 카카오로그인 백엔드 연결
sdm1230 commented 3 years ago

1/11 - 로그인 및 로그아웃, 회원탈퇴 api 연동

  1. 로그인 / 회원가입 work flow be well made
  2. 디바이스에 storage 넣어 토큰 저장 및 확인
  3. api 정리 및 코드구조 리펙토링, axios 커스텀 모듈화

    Difficulty

    api 연동 시 주의

    스크린샷 2021-01-12 오전 2 00 00
    • 위 그림처럼 구조를 짜야한다. 헤더와 바디가 안묶여있는 것 주의
    • 토큰앞에 Bearer 필수다.. 까먹지 말자
    • api에 / 앞 뒤에 다 넣어야하는 것 주의
    • await 한 것만 비동기로 따로 처리된다. 순서를 유의하자. 스토리지에서 가져오는 토큰은 늦게 가져오게 됨을 주의
내일 할 것 : 기획안 1,2(홈 및 채팅 탭) api 연동, 토큰 work flow 마무리(아래 이미지 참고)
스크린샷 2021-01-12 오전 1 57 34
sdm1230 commented 3 years ago

1/12 - 로그인 및 로그아웃, 회원탈퇴 로직 완료, 기획안 api연동

  1. 로그인 되어있다면 메인페이지로 자동 이동 구현 using storage

  2. 토큰 로직 구현 완료

  3. 로그아웃 및 회원탈퇴 시 앱 재가동되면서 처음 페이지로 돌아감

    • 라이브러리 : react-native-restart

  4. API 연동 완료

  5. 채팅방 ui

내일 할 것 : 채팅방 ui 완성(채팅카드 만들기) 및 api 연동
sdm1230 commented 3 years ago

1/24 & 25 - Sp2 api 연동

  1. 백엔지니어와 마니또 매칭하기부터 쭉 테스트 - 모두 성공
  2. 매칭이 안된 방은 실명채팅방만 들어갈 수 있게 수정
  3. 프로필리스트 데이터 받는 값과 수정 api 연동
  4. 익명채팅방 들어갔을 때 프로필이 없는경우에 마니띠 보여주기와 프로필생성 구현
  5. 이미지 업로드(react-native-Image-picker) : iOS & 안드로이드 설정완료

Difficulties

내일 할 것 : SP3 시작