7월 17일 읽기자료

프론트엔드 개발자에게 '스크롤'을 컨트롤 하는 작업이란 굉장히 중요한 키워드구나 라는 생각을 하게되었습니다.

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scroll_snap/Basic_concepts

포트폴리오에 사용하기 위해 스크롤 스냅을 학습했습니다.
책처럼 스크롤링하기 위해 자주 쓰게되는 것입니다.

리스트 컨테이너에 scroll-snap-type 을 적용하고
리스트 요소들에 scroll-snap-align 을 적용하면 됩니다.

function findScroller(element) {
    element.onscroll = function() { console.log(element)}

    Array.from(element.children).forEach(findScroller);
}

findScroller(document.body);

어떤 엘리먼트가 스크롤링을 유발하는지 알아낼 수 있는 코드입니다.

https://flaming.codes/ko/posts/new-dynamic-viewport-sizes-dvh-lvh-svh

굉장한 시니어 프론트엔드 개발자의 블로그.
미친 UI 구성에 다국어 지원까지.
내용은 dvh, lvh, svh에 대한 것.