안녕하세요. RyuWoong입니다. 오랜만에 글을 작성하네요. 잘 지내셨나요? 아이패드를 사용하면서 좋은 필기감을 위해 이것 저것 찾아보던 중 좋은 기회가 생겨 글을 쓰게 되었습니다. 기회를 주신 맥쓰사, 지니비 측에 감사를 드리면서, 지니비 애플펜슬 메탈 펜촉 3종 세트 리뷰 시작하겠습니다. 공통된 고민. 아이패드를 사용하는 유저 중 꽤 많은 분들이 아이패드를 활용함에 있어서 다양한 고민들을 하고 계신데요. 다양한 고민 중 공부용, 필기용으로 사용하시는 분들이 하는 공통된 고민이 있습니다. 종이에 연필 또는 펜으로 글을 쓰는 느낌을 살리고 싶은데 어떻게 해야하지 하는 고민이죠. 저 또한 그랬구요. 생액정, 강화유리필름, 종이필름에 정품 펜촉, 실리콘팁.. 하지만 그 느낌을 잘 살리는 건 어려웠습니다. ..

안녕하세요, RyuWoong 입니다.이번에는 App에서 마케팅과 큰 연관이 있는 DeepLink에 대해 이야기 해보고자 합니다.이직 후 프로젝트에서 제가 실시한 큰 변경 사항이 RN버전과 딥링크 수정이였는데 이를 통한 경험을 적어보고자 합니다.DeepLink?우리가 인터넷을 사용할 때 주소라는 것이 있습니다.naver.com , google.com 등 이 주소를 통해 원하는 사이트에 접속해서 정보를 검색 할 수 있죠. 이와 비슷하게 App은 DeepLink가 있습니다.만약 단순히 앱만 실행해 준다면, 원하던 상품을 검색하거나 이벤트를 찾아야하는 번거로움 때문에 사용자는 앱을 바로 삭제하거나 사용하지 않겠죠? DeepLink를 클릭하면, 앱에서 보던 상품이나 이벤트 등을 이어서 볼 수 있게 해줄 수 있습..

안녕하세요~ RyuWoong 입니다. 저번 포스팅에 브라우저에서 Web을 어떻게 보여주는지에 대해 했었는데요. 이번엔 그 과정 중 핵심인 중요 렌더링 과정에 대해 알아보겠습니다. 중요 렌더링 과정? 브라우저가 HTML, CSS, Javascript를 화면에 픽셀로 변화하는 일련의 단계를 말하며 이를 최적화하는 것은 렌더링 성능을 향상시켜 사용자가 빠르게 웹페이지에 접근하고 사용할 수 있게 해줍니다. 중요 렌더링 과정 최적화는 렌더링 시간을 개선 시켜줍니다. 이는 빠른 사용자 상호과정을 보장하며 버벅거림을 피할수 있도록 해줍니다. 이 과정은 DOM 구성 - CSSOM 구성 - Render Tree 구성 - Layout - Paint로 이루어져 있습니다. 그럼 과정을 하나씩 뜯어보도록 하겠습니다. Docum..

안녕하세요 RyuWoong입니다. graphQL이 뭔지 전 글로서는 감이 안잡히시죠? 이제 직접 쿼리를 날려봅시다. 접속하기. SWAPI GraphQL API graphql.org 위 사이트에 접속하면, Query 입력을 해보고 결과 값을 볼 수 있습니다. 앞 선 포스팅에서 REST API와 비교하면 된다고 말씀 드렸었는데요. 이번에 쿼리를 입력하면서 REST API와 비교하면 어떻게 다른지 조금 비교해보겠습니다. 입력하기. 왼쪽 메뉴에 책 아이콘을 선택하면, Docs를 볼 수 있습니다. query라고 되어 있죠? Root를 눌려서 query 안에 어떤 내용이 있는지 살펴볼까요? 선택하면, 정말 많은 Field가 있습니다. 그럼 한번 왼쪽 에디터에 입력해봅시다. { allFilms{ totalCount ..

안녕하세요! RyuWoong입니다. Web Perfomance를 위해서는 브라우저에서 웹페이지를 보여줄때 어떠한 과정을 거치고, 무엇 때문에 Web Perfomance에 영향을 주는지 알 필요가 있겠죠? Web Perfomance를 위해서는 빠른로드, 상호작용이 원활한 콘텐츠로 이루어진 웹 경험 두 가지의 목표 달성이 중요합니다. 실제 성능 및 체감되는 성능을 향상 시키는 방법을 이해하기 위해서는 브라우저가 어떻게 동작하는지 알아봅시다! 개요. 빠른 사이트는 더 좋은 사용자 경험을 제공합니다. 사용자는 로드가 빠르고 상호작용이 원활한 콘텐츠로 이루어진 웹 경험을 원합니다. 웹 성능에 있어서 두 가지 주요한 문제는 지연시간과 브라우저가 대부분 싱글 스레드로 동작한다는 것입니다. 이를 다른 말로 한다면 빠른..