D'story

오늘 한 일

• 기존에 expo 환경에서 구동했던 걸 Xcode를 이용한 시뮬레이터로 돌려보려고 react-native-cli 방식으로 갈아탔다. expo는 모바일 기기에서 이용할 수 있는 기능을 상당 부분 포기하면서 진행해야 한단다. 가벼운 마음으로 시작했는데, 그 과정에 어쩌면 그렇게 많은 오류가 나는지. 어떤 오류들을 해결하면서 진행했는지 기억도 다 안 날 지경이다. 용케 완료한 내 자신, 기특해 기특해.
• expo의 한계점 관련해서는 이전 포스팅에서 링크를 달아놓았다. why-not-expo

오늘 배운 것

• react-native-cli quickstart! quick하진 못했지만..

오늘까지 한 일

• 서울로, 일단은 나 혼자 임시로 이사를 왔다. 그래서 어제는 하루종일 정신이 없었다.
• 오늘은 개발과 상관없이 개인적으로 멘탈 터지는 일이 생겨서 뭐 하나에 집중하기가 너무 어려웠다ㅠㅠ...
• 그리고 이 모든 것과 상관없이, 이미 야행성 인간이 된 나는 해가 떠 있는 낮에는 뭘 못하나 보다ㅋㅋ
• 리액트 네이티브도 해보다가 환경 설정에 뭔가 오류가 있었던 건지 에러 메시지에 탈탈 털리다가 겨우 정상 궤도에 올려놓았다. 다양한 기능을 시도해보지는 못했지만 expo 구동을 통해 기기에서 바로 확인할 수 있다는 게 신기했다. 서버 연결이 자주 끊기는 게 약간 불편...하지만 와 너무 재밌어 미쳤다
• 토크부트에서 사용된 이미지들을 전체적으로 png에서 svg로 변환했다. 변환하고 나니 이제 모바일 기기에서도 하단 내비게이션바 메뉴 아이콘이 더 이상 깨지지 않는다.

오늘 배운 것

• GUI(Graphic User Interface)와 대비되는 CLI(Command-Line Interface)

• React Native에서 scrollable div를 ScrollView라고 한다. React에서 구현하기 위해 골머리를 앓던 것들이 모바일 기기 특성상 ScrollView에 단순히 props 하나를 줌으로써 설정 가능해지곤 한다. 예를 들면 pagingEnabled라는 props로 페이징을 할 수 있다.

• React Native에서 편리한 라우팅을 담당하는 React Navigation. 이게 있으니 좀 더 실제 어플 같다.

• 이토록 편리한 Expo에도 개발의 자유도가 낮아진다는 제약 사항이 있다. 링크도 오죽하면 why-not-expo.

오늘 한 일

• 잠시 손을 놓았던 프로젝트 토크부트에 다시 손을 대보았다. 헤더를 페이지 상단에 고정했다. 왜, 그땐 그렇게 이게 까다로웠다고 생각했을까. 애초 디자인에도 헤더는 고정형이었는데 의외로 고정이 잘 되지 않아서, 또는 고정이 되면 그 위에 있는 버튼들이 자꾸 행방을 감춰버려서, 이런저런 이유로 내맘대로 생략해버리고 말았다. 지금에라도 고정시키니 마음이 편하다.
• 1일 1커밋은 꼭 하자! 1일 1TIL도 제대로 못하면서? 그게 프라이빗 저장소든, 토크부트처럼 예전 프로젝트에 수정을 가하는 것이든. 커밋이 있다는 건, 어쨌든 코딩을 했다는 것이니까. 잔디도 심고?

오늘 배운 것

• 공식문서 첫머리만 겨우 읽은 React Native.

내일 할 일

• 내일은 본격적으로 해봅시다. 서울로의 이사(?) 준비로 바쁘겠지만.