CS

require와 import차이점

require와 import는 모두 JavaScript에서 다른 모듈을 가져오는 데 사용되는 키워드입니다. 그러나 이 두 가지 방법은 차이가 있습니다. require는 Node.js에서 사용되는 CommonJS 방식의 모듈 시스템에서 사용됩니다. require는 해당 모듈을 동기적으로 로드하고 해당 모듈이 내보낸 객체를 반환합니다. 예를 들어, 다음과 같이 사용할 수 있습니다. const fs = require('fs'); 위 코드는 Node.js의 내장 모듈인 fs를 로드합니다. 반면, import는 ES6(ECMAScript 2015) 이후의 자바스크립트에서 사용되는 모듈 시스템에서 사용됩니다. import는 해당 모듈을 비동기적으로 로드하고 해당 모듈이 내보낸 객체를 반환합니다. 예를 들어, 다음과..

브라우저 저장소 차이(local storage, session storage, cookie)

로컬 스토리지(Local Storage), 세션 스토리지(Session Storage), 쿠키(Cookie)는 모두 브라우저 저장소이지만, 각각의 특성과 사용 용도가 다릅니다. 로컬 스토리지(Local Storage): 데이터의 영구적인 보관을 지원합니다. 브라우저마다 저장할 수 있는 데이터의 크기가 다르며, 일반적으로 5MB 이상의 데이터를 저장할 수 있습니다. 클라이언트 측에서 JavaScript를 사용하여 데이터를 읽고 쓸 수 있습니다. 웹 애플리케이션에서 사용자 데이터, 설정 정보, 캐싱된 데이터 등을 저장하기에 적합합니다. 세션 스토리지(Session Storage): 데이터가 브라우저 창이 열려 있는 동안에만 유효합니다. 브라우저 창이 닫히면 세션 스토리지에 저장된 데이터는 삭제됩니다. 로컬 ..

this 가 동작하는 원리와 용법

this 란? "this"는 JavaScript에서 자주 사용되는 예약어로서, 현재 실행 중인 함수 내에서 "this" 키워드를 사용하면 해당 함수가 호출될 때 어떻게 호출되었는지에 따라 다른 값을 가집니다. this의 용법 보통 "this"는 객체 내에서 사용됩니다. 예를 들어, 객체의 메소드를 호출할 때 "this"를 사용하여 해당 객체를 참조할 수 있습니다. 또한, 생성자 함수에서 "this"를 사용하여 새로운 인스턴스를 생성하고 해당 인스턴스를 초기화할 수 있습니다. "this"의 용법은 다양합니다. 객체의 메소드에서 "this"를 사용하여 해당 객체를 참조하거나, 생성자 함수에서 "this"를 사용하여 새로운 인스턴스를 생성하고 초기화하는 등 다양한 용도로 사용됩니다. this의 동작방식 Jav..

Position의 사용방법

Position의 사용 예 static: "static"은 기본값으로, 요소를 문서 흐름에 맞게 배치합니다. "Position" 속성을 사용하지 않는 것과 동일합니다. relative: "relative"는 요소를 현재 위치를 기준으로 이동시킬 수 있는 속성입니다. "top", "bottom", "left", "right" 속성을 함께 사용하여 이동할 거리를 지정할 수 있습니다. 다른 요소들과 겹칠 수 있습니다. absolute: "absolute"는 요소를 부모 요소를 기준으로 이동시키는 속성입니다. 부모 요소 중에서 "position" 속성이 "static"이 아닌 가장 가까운 요소를 기준으로 이동합니다. 따라서, 부모 요소에 "position: relative" 또는 "position: absolu..