Scientific Computing & Data Science

이번 글에서는 HTML 페이지에서 페이지를 스크롤 다운(Scroll Down) 시 일정 이상이 스크롤 다운되면 콘텐츠가 고정되는 예제입니다.웹페이지를 스크롤 다운하다가 상단의 메뉴가 사라지면 메뉴를 클릭하기 위해 다시 웹페이지를 스크롤 업(Scroll Up)해야 하는 불편함이 있습니다.본 예제는 이러한 불편함을 제거해 주는 기능 구현에 관한 것이며, 대다수의 모던 웹페이지들이 채택하는 것이기도 합니다.HTML다음 HTML 문서는 예제용 문서이며, 핵심은 JavaScript 코드임을 명심하길 바랍니다. scroll-fixed.html Example - Fixed Content While Scrolling 1st Menu 2nd Menu 3rd Menu SassCSS의 전처리기인 Sass 파일로 작성하였습니..

이 글에서는 CSS 전처리기(Preprocessor)인 Sass의 간단한 사용법 및 컴파일 등에 대하여 알아보고자 합니다. 현재 널리 사용되는 CSS 전처리기는 Sass, LESS, Stylus가 있으며, 이 중 현재 개발자들이 가장 많이 사용하는 전처리기는 Sass입니다.CSS 전처리기란 무엇인가?최근 웹페이지의 경향에 있어 CSS 문서 작성이 점점 양이 방대해지고 있는데, 주로 반복적인 작업이 많이 요구되기 때문입니다. 즉, hex 컬러값을 찾는 것과 tag를 닫는 일, 클래스를 상속받아야 하는 것으로 인한 copy & paste 등 비효율적으로 시간이 요구되는 작업이 많습니다. 이것이 CSS 전처리기 등장의 이유이며, 단지 CSS 전처리기는 CSS를 확장하기 위한 스크립팅 언어이며 컴파일러를 통해 ..