오늘까지 한 일

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

오늘 배운 것

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

명령 줄 인터페이스 - 위키백과, 우리 모두의 백과사전

명령 줄 인터페이스(Command-line interface, CLI, 커맨드 라인 인터페이스) 또는 명령어 인터페이스는 가상 터미널 또는 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식을 뜻한다. 즉, 작업 명령

ko.wikipedia.org

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

Using a ScrollView · React Native

The ScrollView is a generic scrolling container that can contain multiple components and views. The scrollable items can be heterogeneous, and you can scroll both vertically and horizontally (by setting the horizontal property).

reactnative.dev

 

ScrollView · React Native

Component that wraps platform ScrollView while providing integration with touch locking "responder" system.

reactnative.dev

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

https://reactnavigation.org/docs/navigating/

 

reactnavigation.org

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

Limitations - Expo Documentation

Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React.

docs.expo.dev

 

'post항해_배움일지 > 개발일기' 카테고리의 다른 글

개발일기_211001_첫 출근!  (4) 2021.10.01
개발일기_210927_1일 1커밋  (2) 2021.09.28
개발일기_210925_React-admin  (2) 2021.09.25

+ Recent posts