탐구하는 취르미

자주 사용하는 터미널 CLI(Command Line Interface)에 대해서 알아봅시다. pwd 현재 경로 출력하기 pwd #현재 경로 출력 cd 디렉터리로 이동하기 cd #홈 이동 cd ../ #이전 디렉토리 이동 cd ../../ #이전 이전 디렉토리 이동 cd 하위_디렉토리명 #하위 디렉토리 이동 mkdir 새로운 디렉토리 생성하기 mkdir new_directory_name #새로운 디렉토리 생성 mkdir dir1 dir2 #여러개의 디렉토리 생성 touch 새로운 파일 생성하기 touch new_file_name.txt #현재 경로에서 새로운 파일 생성 echo 지정한 파일에 내용 추가하기 echo hello_world > file_001.txt #지정한 파일에 내용 추가, file_001..

브라우저에서 현재 scrollY 값을 구하는 방법에 대해서 알아보겠습니다. window.pageYOffset === window.scrollY; //true window 안의 document가 수직 방향으로 스크롤된 거리를 픽셀 단위로 나타낸 부동소수점 수를 반환합니다. 단일 픽셀보다 높은 수준의 정밀도를 가지므로 정수가 아닐 수 있습니다. window.pageYOffset과 window.scrollY 속성값은 같습니다. scrollY는 오래된 브라우저는 지원이 안 되는 경우가 있으므로, pageYOffset이 하위 브라우저 지원까지 안전합니다. 스크롤 위아래 방향 판단하기 스크롤될 수 있도록 높이값을 설정해줘야 합니다. body{ height: 300vh; /* 스크롤될 수 있도록 높이값 설정하기 */..

자바스크립트 선언 위치에 대해서 알아보겠습니다. head 태그 안에 스크립트 선언할 경우 DOM이 읽혀지기 전에 스크립트가 먼저 읽히므로 common.js에서 따로 후처리 해줘야 합니다. load 이벤트는 리소스와 그것에 의존하는 리소스들의 로딩이 완료되면 실행됩니다. /* common.js */ 'use strict'; function setLayout(){ } window.addEventListener('load', setLayout); //리소스들이 다 로드될 때까지 기다렸다가 실행됨 DOMContentLoaded 이벤트는 초기 HTML 문서를 완전히 불러오고 분석했을 때 발생합니다. 스타일 시트, 이미지, 하위 프레임의 로딩은 기다리지 않습니다. /* common.js */ 'use strict'..