주말 동안엔 핸드폰 앱에 사용할 'React Navigation' 에 대해서 알아봤다. 새로운 스택을 공부하기 전, 가장 먼저 보는 것은 이 스택의 탄생배경이다. 탄생 배경을 살펴보면, 이 기술 스택을 만든 사람의 의도가 잘 드러나 그 목적에 맞게 스택을 잘 활용할 수 있게 된다. 리액트 네비게이션은 웹 브라우저와 핸드폰 앱의 사용자가 사용한 히스토리를 구현하는 구조가 다르다는 점에서 출발한다.
웹 브라우저의 경우, 구글 검색 -> 검색 결과 클릭 후 -> 뒤로 가기 버튼을 누르면 내가 원래 검색했던 구글 페이지로 돌아갈 수 있다. 하지만 핸드폰 앱의 경우 웹 브라우저 처럼 뒤로 가기 버튼을 눌러 사용자가 전에 보았던 화면으로 돌아갈 수 없다. 바로 여기서 react-navigation 이 등장한다. 웹 브라우저 처럼 사용자의 히스토리를 기억하고, 언제든 돌아갈 수 있게 하며, 사용자의 더 나은 경험을 위해 애니매이션 효과도 손쉽게 추가할 수 있도록 도움을 준다.
리액트 네비게이션은 핸드폰 애플리케이션의 상용화와 함께 빠른 속도로 업데이트 버전을 내놓고 있다. 노마드코더의 강의도 오래된 것 같지 않지만 강의에서 사용된 3.0버전은 현재 5.0 으로 2단계가 업그레이드 되었다. 지난 버전의 강의를 듣고 공식 홈페이지를 참고하여 새로운 버전으로 갈음하면서 느낀 점은 기술은 언제나 개발자들에게 유리하게 변화한다는 것이다. 3.0 버전에서 이렇게까지 번거롭게 한다고?? 느꼈던 부분은 5.0 현 버전에서는 단계가 대폭 줄어들고, 불필요한 부분은 내장되어 같은 기능 구현을 훨씬 편하게 발전하였다. 기술의 진보를 비교해보면서 감사함을 느끼며 작성하는 것도 하나의 흥미 포인트다.
지금은 비록 남이 해결해준 기술을 감사히 떠먹는 수준인데, 나중에는 남들이 불편하게 여기는 문제점을 해결하는 사람이 되고 싶다. 갈 길이 멀다....ㅎㅎㅎ
'2. 우당탕탕 개발자 > 2-2. 상세 노트' 카테고리의 다른 글
정적타입, 동적타입 언어 특징과 차이점 (0) | 2021.06.18 |
---|---|
react-native 모바일 앱 키보드 설정(키보드 사라지게 어떻게 하나요? 키보드 나오면 어떻게 화면을 올릴 수 있나요?) (0) | 2021.02.13 |
react-create-app compile error관련 (react-scripts error) (0) | 2020.11.17 |
Prisma2 의 onDelete, Cascade 대신 쓸 수 있는 방법 (0) | 2020.11.04 |
기술 발표) GraphQL 보안 위협과 지키는 방법 (3) | 2020.07.20 |
댓글