2023-07-10

Learning #

• position: sticky vs position: fixed #css
  • sticky 부모 요소 내에서 스크롤 위치에 따라 고정됨
  • fixed 뷰포트에 항상 고정됨

https://codepen.io/kevinpowell/pen/eXwdwq

• Vue 템플릿 참조 > 함수로 참조하기 #vue
• 문자열 키 대신 ref 속성을 함수에 바인딩 할 수 있다. 이 함수는 각 컴포넌트 업데이트 시 호출된다. 이 함수는 첫 번째 인자로 엘리먼트 참조를 받는다. 엘리먼트가 마운트 해제되는 경우 인자는 null 이다.

<input :ref="(el) => { /* el을 속성이나 ref에 할당 */ }">

<input :ref="(el) => { /* el을 속성이나 ref에 할당 */ }">