이번 주에는?
- React Native 환경 설정
MacOS 기준 안드로이드 개발에 안드로이드 스튜디오, iOS 개발에 Xcode 등이 필요하다. 공유받은 자료 참조해서 따라하는데 용량 문제로 전에 밀어 버렸던 Xcode를 다시 설치해야 돼서 ㅠㅠㅋㅋ 디스크 용량 자체가 부족한 탓에 좀 골치가 아팠다. (SSD 교체까지 알아봄... M1 맥북은 불가하다고 🫠) 결과적으로는 재부팅 이후 시스템 데이터 줄어들었을 때 설치하여 해... 결?
- React Native Navigator/Stack
어플에서 연속된 화면 이동에 사용 가능한 네비게이터. 파라미터 전달이 가능함.
- 페이지 옵션(기간 / 장소) 선택에 따른 리렌더링 로직 구현
페이지 디자인상 <select> 태그를 사용하기에는 한계가 있어서,
옵션을 배열 구조로 관리
→ 옵션 array 사용해 컴포넌트 생성
→ 옵션에 대응되는 값을 파라미터로 담아 클릭 이벤트 핸들러 연결
→ 옵션 선택시 파라미터를 사용해 setState 발생하게 함
이런 식으로 구현해 봤다. 이제 api만 연결하면 동작하게 할 수 있을 듯...!
셀프 피드백
→ 기존 프로젝트 타임라인을 맞추기 위해 열심히 하고... 는 있는데 조금 빠듯할 것 같기도 하다 ㅋㅋ ㅠㅠ 백엔드 정리된 이후에 api 작업 들어가는 게 편할 것 같아서,,, 좀 미루고 있었는데 테스트는 미뤄두더라도 일단 코드 작성이라도 해 봐야겠다.
→ 리액트 네이티브를 시작하게 돼서 공부할 것도, 작업할 것도 새로 생겼으니 시간 배분에 좀 더 신경을 써야겠음.
다음 주 솔루션 💡
~ 월요일 회의
날짜 데이터 형식 확인
회원가입, 랭킹 조회 api 작업~ 수요일 세션
stack navigator container (전체적 구조?) 구현~ 주말
하단 메뉴 마무리
플래너: 디자인 불확실한 부분은 임시로라도 구현...? 회의에서 논의해 보기
