미래소년 코난 • MBC 방영 (1994) 오프닝 편집 복원 • 4K 초고화질

https://www.youtube.com/watch?v=wWRwnEAEklI

생활 속 텃밭정원

https://lib.rda.go.kr/search/searchDetail.do?ctrl=000000642935

[농업과학도서관 소장도서 정보]
 도서명 : 야콘
 저자 : 농촌진흥청 [편].

https://lib.rda.go.kr/search/searchDetail.do?ctrl=000000640730

"자본을
거의 가지지 못한 개인의
노력이 결국 미래의 씨앗이 될지 모른다."
(고흐의 편지 중에서)

- 인문무크지 아크 7호 《위로》 중에서 -


* 땅이 너무 비옥하거나
환경이 너무 풍요롭고 넉넉하면,
식물은 잎과 가지만을 무성히 키워냅니다.
오히려 척박한 땅과 기후, 거친 환경 속에서
식물은 많은 씨앗을 만들어냅니다.
존속하기 위한 몸부림입니다.
미래의 씨앗을 남깁니다.

우선 사용자가 페이지 안에서 스크롤을 사용해 이동하는 경우 어떤 방법을 사용할까요?

1.마우스의 휠 버튼을 사용하는 경우
2.키보드의 커서키를 사용하는 방법
3.스크롤 바 위에 마우스를 올려 드래그하여 이동하는 방법


이처럼 세가지 방법이 가장 보편적입니다. 이 중에서 오늘은 스크롤을 사용한 이동시 이를 블락하는 방법을 알아보겠습니다. 먼저 스크롤을 막는 것이 왜? 그리고 언제 필요할까요?

# 스크롤의 이동을 막는 것이 필요한 경우
언제 스크롤을 사용한 페이지 이동을 막아야할까요? 먼저 중요한 콘텐츠 화면 영역에서 빠른 스크롤 이동에 의하여 의도한 콘텐츠를 다 못보여주는 경우도 생각해볼 수 있습니다. 이런 경우는 예를 들면... 페이지 스크롤에 따라 화면이 동적으로 변하는 웹사이트의 경우가 이에 해당합니다. 동적으로 변하는 웹사이트를 보여주기 위해 사용자의 스크롤 이동을 강제하는 것이 필요할 수 있습니다.

또 다른 이유로 스크롤이 화면에 고정되야 하는 경우입니다. 햄버거 버튼을 누른 뒤거나 아니면 모달 형식의 팝업창을 띄운 경우가 좋은 예 입니다.



# 스크롤을 고정하는 방법 예제 소스보기
아래의 소스 코드를 봐주세요. 이코드는 스크립트와 CSS를 사용하여 사용자의 페이지 이동을 강제적으로 막고 있습니다. 우선 스크롤이 생기지 않게 하기 위하여 html과 body 태그에 overflow 속성을 사용하였고 그 값으로 hidden을 주었습니다.

또한 해당하는 요소의 브라우저 기본 이벤트를 피하기 위해 아래의 이벤트 함수를 사용합니다. preventDefault()는 이벤트 내장함수의 실행을 막아 의도한 동작만을 방문자에게 보여줍니다. 또한 발생 가능한 아벤트 버블링을 피하기 위해 stopPropagation()을 추가하였습니다. 해당 자바스크립트는 아래와 같이 사용합니다.
event.preventDefault();
event.stopPropagation();

아래 코드를 직접 실행해 보면서 익혀보시기 바랍니다. 코드는 제이쿼리(jQuery)를 사용하여 만든 예제소스입니다.
$('html, body').css({'overflow': 'hidden', 'height': '100%'});
$('#element').on('scroll touchmove mousewheel', function(event) {
  event.preventDefault();
  event.stopPropagation();
  return false;
});

위 코드는 스크롤과 터치이동, 마우스휠의 이벤트 발생시 동작하지 않도록 제거합니다. 각각 scrolll, touchmove, mousewheel 이벤트 코드가 추가되어 있습니다.


# 스크롤 이동을 다시 허용하기
만약 다시 스크롤을 허용해야한다면? 이 경우 기존의 마우스 스크롤이벤트의 핸들러를 제거해야하므로 해제방법이 필요할 것입니다. 이때는 등록된 이벤트를 해제하여 주는 off() 메소드를 사용하여 가능합니다. 아래 코드의 예제를 봐주세요.
$('#element').off('scroll touchmove mousewheel');

여기까지 스크롤의 사용자 화면전환을 강제로 막는 방법을 알아보았습니다.



http://relation.co.kr/images_board/board_system_publishing/211/index.php/

어린이 사자소학 : 삶의 지혜를 담고 있는 책

https://www.yes24.com/Product/Goods/2133499

김용택 선생님이 들려주는 전래동화 50 : 교과서에서 쏙쏙 뽑은 이야기https://www.yes24.com/Product/Goods/8708215

7살의 글씨 연습장 : 초등학교 가기 전 또박또박 한글 쓰기

7살의 글씨 연습장 : 초등학교 가기 전 또박또박 한글 쓰기

https://www.yes24.com/Product/Goods/120178785

잠은
어젯밤에도 저 멀리 있었다.
참으로 지긋지긋한 이 불면. 어제오늘의
일이 아니건만 요즘 들어 더욱 악화되었다.
나이 들어 더욱 그런가 보다 여기지만, 그보다는
뭔가 오래전부터 내 속에 자리한 불안이 더
커져서일 게다. 이번 수도원 기행으로
그 불안이 치유되기를, 아니 치유의
실마리라도 찾을 수 있기를 바랐다.


- 승효상의 《묵상》 중에서 -


* 세계적인 건축가도
불면으로 힘들어하는 모습에 위로를 받습니다.
불면의 원인은 만가지입니다. 특히 남이 가지 않는
창조의 길을 가는 사람에게 불면은 운명과도 같습니다.
열정과 소명감으로 버티기는 하지만 괴로운 건 어쩔 수
없습니다. 육체는 잠들고 싶어도 뇌세포와 심층의식은
잠들지 못하고 늘 깨어 있는 것입니다. 불안, 막막함,
스트레스, 긴장상태가 창작자의 잠을 빼앗지만
그때 비로소 불멸의 설계도가
탄생하는 것입니다.