보호되어 있는 글입니다.

사내에서 인스타 라이브의 좋아요 인터렉션을 응용하면 구현이 가능할만한 인터렉션 요소를 개발해달라는 요구가 들어와서 한번 공유해보고자 한다. 먼저 맨 아래의 [인스타 라이브의 좋아요 인터렉션] 블로그 글을 참고하면 이해하는데 더욱 도움이 될 것 같다.  구현 프로세스1. 아이콘 터치2. 터치 위치에 인터렉션 요소를 가진 아이템 추가3. 애니메이션 종료4. 아이템 삭제  * 터치 및 해당 위치에 인터렉션 요소를 가진 아이템 추가 터치 위치값을 알기 위해선 GestureDetector 의 onTapDown 콜백 메서드를 활용할 수 있다.localPostion 과 globalPosition 을 가져올 수 있는데, globalPostion - 전체 스크린 영역에서 절대위치 값localPosition - 탭 한 위..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

웹 서버와 웹 애플리케이션 서버는 웹 환경에서 중요한 역할을 하는 두 가지 주요 컴포넌트입니다. 이 두 요소는 각자의 역할과 책임을 가지며, 웹 어플리케이션의 구조와 성능을 개선하기 위해 협력합니다. 웹 서버 (Web Server) 웹 서버는 클라이언트(일반적으로 웹 브라우저)로부터 HTTP 요청을 받아 정적인 콘텐츠(HTML, CSS, 이미지 등)를 제공하는 역할을 합니다. 주로 정적인 파일을 처리하며, 동적인 콘텐츠를 처리하기 위해 웹 애플리케이션 서버와 협력합니다. 몇 가지 주요 특징은 다음과 같습니다 정적 파일 제공: 주로 HTML, CSS, 이미지 파일과 같은 정적 파일을 클라이언트에 전달합니다. 기본 프로토콜은 HTTP: 주로 HTTP 프로토콜을 사용하여 클라이언트와 통신합니다. 간단한 요청-..

오늘 만들어볼 ui는 스크롤이 인덱스 아이템을 넘어갈때마다 tabbar 아이템이 자동으로 변경되는 ui이다. 필요한 것은 다음과 같다. 1. 각 인덱스 별 아이템의 높이를 동적으로 구한다. 2. 스크롤 된 offset 이 인덱스 별 아이템의 높이를 벗어날때마다 tabbar 의 아이템을 변경해준다. 3. tabbar 의 아이템을 tap 하면 해당 인덱스의 아이템으로 스크롤시켜준다. 해당 ui를 구현하는데 있어서 가장 까다로웠던것이 두가지가 있었는데 그중 첫번째가 아이템의 높이를 동적으로 구해주는 것이었다. 다행히도 Globalkey 를 이용하여 Widget의 Renderbox 에 접근해 크기를 구할 수 있었다. final ancestor = context.findRenderObject(); // 부모 위젯..