하이브리드웹을 네이티브처럼 구현하기 > 자유게시판

자유게시판

하이브리드웹을 네이티브처럼 구현하기 정보

하이브리드웹을 네이티브처럼 구현하기

본문

하이브리드웹을 개발할때 페이지 이동시 깜빡임 때문에 하이브리드 티가 팍? 나는것 같습니다. 

json 연동을 통해  슬라이드 패널에 각각의 페이지에 불러와 네이트브 구동방식처럼 구현해봤습니다. 

단 페이지마다 개별적으로 제작 해야하는 아주 ~ 손이 많이 가는 방식 이기는 하나 여러가지 꼼수를 통해 

하이브리드지만 네이티브 같은 움직임과 부드러운 성능을 어느정도는 모방 할수있겠다 라는 생각이 들었네요.

무엇보다 패널로드후 백그라운드 스크롤을 막아주고 패널이 닫을때 풀어주는 처리는 필수.  로딩시 에는 애니메이션 

gif 페이크 로딩효과를 적절히 사용한다면 네이티브의 부드러운 모션 80% 정도는 흉대 낼수 있겠다라는 결론을 도출했습니다.

더 디테일하게  링크를 누를때 음영만 제거해준다면 그럴싸한 하이브리드웹을 만들수 있을것 같네요.

네이티브영역의 기능은 브릿지로 웹과 유기적으로 충분히 연동 시킬수 있고 이번 처음 시도해보는 슬라이드패널 기반의  json연동 뷰 구현방식이 꽤 쓸만한 퍼포먼스를 보여줄수있음을 확인했고 나름 만족스러웠습니다. 

네이티브 개발방식도 나름 매력있지만 왠지 하이브리드 방식이 유지보수가 편하다 보니 이쪽으로 계속 관심이 가나봅니다.

추천
4

댓글 5개

laravel + Vue SPA 도 정말 아름다운 방식입니다.
한번 해보시면 반하실지도 몰라요 ㅎㅎ

https://github.com/cretueusebiu/laravel-vue-spa
https://laravel-news.com/using-vue-router-laravel
전체 195,333 |RSS
자유게시판 내용 검색

회원로그인

진행중 포인트경매

  1. 참여3 회 시작24.04.25 20:23 종료24.05.02 20:23
(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT