Ollim 개발기 4

1. FC (Functional Component)에 대해

https://woobiblog.com/Javascript/Typescript_FunctionComponent_FC_%EC%82%AC%EC%9A%A9_%EC%A4%84%EC%9D%B4%EA%B8%B0

[Typescript] FunctionComponent (FC) 사용 줄이기

2. cursor focus

cursor focus는 mousedown 될 때 변화한다. click 할 때 변화하는 것이 아니다.

mousedown -> mouseup -> click

그렇기 때문에 버튼을 눌렀을 때 text의 focus를 잃고 싶지 않다면 onmousedown에서 preventDefault를 해야한다.

 

3. position: sticky

sticky는 상위 부모 엘리먼트 중 scroll이 있거나 scroll에 대한 css 특성을 갖는 부모를 기준으로 움직인다.

body를 기준으로 움직이지 않는다면, sticky를 설정한 엘리먼트의 부모들의 scroll에 대한 설정을 잘 확인해보자.

https://developer.mozilla.org/ko/docs/Web/CSS/position

position - CSS: Cascading Style Sheets | MDN