# offset

28개의 포스트

Jquery 클릭 시, 해당 태그로 이동..

offset.top - 172 : 위의 네비게이션바의 크기(172px) 만큼 위치를 조정하였음..navEl_01 : 클릭 할 버튼의 className.section03_02 이동할 div의 classNameanimate : 애니메이션offset : 위치scrollTop

2022년 8월 30일
·
0개의 댓글
·
post-thumbnail

220822 JavaScript

scroll 스크롤바의 위치가 이동되는 이벤트(마우스휠이나 스크롤바의 스크롤을 누름에 따라) scrollTop() 스크롤바의 스크롤탑에서 부터의 위치, 스크롤바 위치 조정 scrollTop(수치) 두번째 상자의 위치에 걸치게 됨. offset().top() 요소가

2022년 8월 25일
·
0개의 댓글
·

@GestureState와 offset을 활용해서 View 움직이기

Gesture와 연계해서 사용할 수 있는 @State인 @GestureState에 대해 알아봅니다.

2022년 8월 21일
·
0개의 댓글
·
post-thumbnail

220817 JavaScript

호이스팅 스코프 ::before, ::after는 제이쿼리 제어 대상?(dom만 가능) 이 아니다. offset() index

2022년 8월 19일
·
0개의 댓글
·

[React--Monster예제 3] Limit과 offset을 활용해 pagination 구현하기

그동안 해보고 싶었던 기능중 하나는 바로 pagination기능이다. 보통 구현을 하기전에 "어떻게"를 먼저 생각해보곤 하는데, 실제로 구현에 들어가기 전에 고민했던 시간이 비교적 많았다.1\. fetch()로 데이터를 다 받아오고 useState에 저장.1\. 1,2

2022년 8월 14일
·
0개의 댓글
·

Kafka의 offset reset

offset 은 long type으로 할당해서 사용한다. offset은 offset retention period 설정을 (default 7 days) 통해 주기적으로 0으로 초기화한다. 만약, Long.MAX_VALUE 범위를 넘어가면 어떻게 될까? → offse

2022년 7월 27일
·
0개의 댓글
·
post-thumbnail

[Django] 장고 Models를 활용한 데이터베이스 처리#6_Queryset의 정렬 및 범위 조건

1) ... > sql을 요청해서 확인했을 때 LIMIT(stop-start), OFFSET(start) 두 가지만 있는 것을 확인할 수 있다. step 값을 넣지 않으면 Out[8]에서 QuerySet을 반환하고 넣으면 Out[9]에서 리스트 타입을 반환함을 알 수 있는데, 따라서 step 값은 sql이 아닌 장고의 쿼리셋이 처리하면서 새로운 리스트를...

2022년 7월 8일
·
0개의 댓글
·
post-thumbnail

Offset Paging vs Cursor Paging

페이징이란?종류오프셋 페이징OffSet : 어디 부터 시작해서 가져올것인지?Limit : 몇개를 가져올 것인지?보통 offset 페이징은 프론트 엔드에서 이렇게 표현됩니다. 페이지 버튼과 함꼐 쓰이며 버튼을 클릭함으로써 페이지를 휙휙 넘길 수 있습니다.커서 페이징Cur

2022년 7월 7일
·
1개의 댓글
·
post-thumbnail

inset, offset 알아보기

contentInset이란 content view가 safe area 또는 scroll view 가장자리로부터의 inset을 의미합니다.Content Inset은 즉 하위뷰의 콘텐츠에 상화좌우로 빈 공간(padding)을 주는 것입니다. 위에서 자기 자신의 바깥쪽이 아

2022년 6월 27일
·
0개의 댓글
·

페이징 처리 - Offset, Cursor

페이징 처리방법인 offset과 cursor을 정리해보았습니다.

2022년 6월 24일
·
0개의 댓글
·

Infinite Scrolling

들어가기예를 들어, 손흥민 팔로우를 loading한다고 할때, data가 너무 많으면,loading시 error가 날수도 있고, server가 힘들진다.따라서, 스크롤이 화면 아래에 왔을때, 이어서 3~4개의 data를 loading하게하는것, 여기서 feed부분만 설

2022년 5월 31일
·
0개의 댓글
·
post-thumbnail

Memory Virtualization: Segmentation

Inefficiency of the Base and Bound Approach base/bound approach를 사용하면 영역 내부에 free space의 big chunk가 생긴다는 inefficiency가 있다. 이미 한 process에게 할당된 address

2022년 5월 2일
·
0개의 댓글
·
post-thumbnail

Animated(panResponder.2 with offset)

설명: 터치가 끝났을 경우, 위치가 끝난 위치에 머물러 있게 값을 설정.onPanResponderGrant : setOffse을 통해 터치가 끝난 마지막 좌표를 기억해줌.onPanResponderRelease : flattenOffest을 통해 setOffset의 좌표

2022년 4월 12일
·
0개의 댓글
·
post-thumbnail

브라우저 제어

https://stackoverflow.com/questions/43537559/javascript-getboundingclientrect-vs-offsetheight-while-calculate-element-heighgetBoundingClientRect(

2022년 1월 21일
·
0개의 댓글
·
post-thumbnail

RESTful API - REST는 무엇이고, 어떻게 구성되어 있을까? URI는 어떻게 작성해야 할까? (Query / Path parameter)

Representational State TransferAPI 시스템을 구현하기 위한 아키텍처 중 하나로, 가장 널리 사용되는 형식이다.(참고) REST 외에 이러한 아키텍처로는 GraphQUL, SOQP, GRPC등이 있다.비싼 툴이 필요없다.진입장벽이 낮고, 러닝커

2021년 12월 29일
·
0개의 댓글
·

kafka offset 설정 관련

kafka 특정 그룹 남은 lag 확인 kafka 특정 그룹 offset 변경하기

2021년 12월 26일
·
0개의 댓글
·
post-thumbnail

[CSS] Layout(display, visibility, float, position, overflow, z-index)

Layout을 이루는 box, inline 요소들의 display, visibility, float, position, overflow, z-index에 대해 다룬다.

2021년 9월 30일
·
0개의 댓글
·

[jQuery] GNB 메뉴 활성화, 스크롤 이동

로드 된 스크롤 위치에서 메뉴 활성화 > body의 경우 scroll 값을 반환하지 못하므로 $(window).scrollTop(); 를 쓴다. GNB 메뉴 클릭 시 해당 섹션으로 이동 > animation queue jQuery에서 animate()함수로 애니메

2021년 9월 23일
·
0개의 댓글
·
post-thumbnail

아파치 카프카(Apache Kafka)의 컨슈머(Consumer) 커밋(commit)과 offset [12]

이번 포스팅을 통해서 컨슈머의 커밋과 오프셋에 대해서 알아보도록 하겠습니다.카프카가 다른 메시지 큐 솔류션과 차별화되는 특징은 하나의 토픽에 대해 여러 용도로 사용할 수 있다는 점입니다. 일반적인 큐 솔로션은 특정 컨슈머가 메시지를 가져가면 큐에서 메시지가 삭제되어 다

2021년 9월 7일
·
0개의 댓글
·
post-thumbnail

아파치 카프카(Apache Kafka)의 데이터 모델 [5]

카프카가 고성능, 고가용성 메시징 애플리케이션으로 발전한 데는 토픽과 파티션이라는 데이터 모델의 역할이 있기 때문입니다.토픽은 메시지를 받을 수 있도록 논리적으로 묶은 개념이고, 파티션은 토픽을 구성하는 데이터 저장소로서 수평 확장이 가능한 단위입니다. 토픽은 메시지를

2021년 9월 7일
·
0개의 댓글
·