자바스크립트

쿠키는 도큐먼트 객체의 전역 객체로 제공됩니다. document.cookie 로 접근할 수 있습니다. 전체 쿠키를 보려면  console.log(document.cookie); 로 출력할 수 있습니다. 콘솔에 표시되는 쿠키 정보는 키1=값1;키2=값2;키3=값3;... 형식으로 표현됩니다. 쿠키를 저장하는 가장 기본 방법은 document.cookie = 'pcode=12345;expires=Mon, 15 Jun 2020 09:

"만들어진 시점의 실행 환경을 기억하는 함수." 를 클로저, 또는 클로저 함수라고 합니다. 짧게 요약하면 그렇습니다. 클로저 함수를 호출한 함수가 종료되더라도, 호출한 함수의 환경(변수 등)을 클로저 함수가 기억하고 있는 것입니다. 함수를 예를 들어 설명하겠습니다. 클로저는 아래와 같은 방식으로 익명함수를 반환해서 구현을 하므로 구조를 잘 숙지해두는게 좋습니다. function outerFunc(name)

문자열을 찾는 방법은 원하는 찾은 문자열에 대한 결과값이 무엇이냐에 따라 몇가지 다른 메서드를 사용합니다. 찾은 문자열의 시작 위치 얻기 정수 숫자를 반환합니다. 찾는 문자열이 없을 경우 -1을 반환합니다. indexOf(), lastIndexOf() 2개의 메서드로 문자열 검색을 할 수 있습니다. indexOf()는 앞에서부터, lastIndexOf()는 뒤에서부터 검색을 합니다. 두개로 나누어진 이유는 문자열이 아주

자바스크립트로 고급 날짜 이동 기능을 구현하는 방법을 배웁니다. 전월 말일, 전전월 말일, 다음달 말일, 윤년 계산, 만나이 계산, 두 날짜 사이의 날짜 차이, 두 날짜의 차이를 원하는 단위로 출력하는 방법을 배울 수 있습니다.

URL 경로 문자열을 재가공하고 핸들링 하려면 문자열을 URL 객체로 변경해서 객체의 메소드를 사용하면 됩니다. 기존에 사용하던 방식은 URL 모듈을 가져와서 모듈의 parse() 메소드로 URL 객체를 반환받았습니다. const url = require('url') var u = url.parse(str_url) 간결하고 사용하기 편했는데 언젠가부터 VSCode에서 parse() 메소드에 줄이 그어져 보입니다. 사용하지 말라는 뜻입니다. 확인해보면

Puppeteer 버전 < 22.0 waitFor() 함수가 5.3.0 이상부터 waitForTimeout()으로 변경되었습니다. 코드를 waitFor(밀리세컨트) -> waitForTimeout(밀리세컨드)로 변경하면 됩니다. const browser = await puppeteer.launch({headless:true}) const page = await browser.newPage(); await page.setViewport({width:1920,height:1080,deviceScaleFactor:page.devicePixelRatio}); try{ await page.goto(url, {waitUntil:

자바스크립트에서 문자열에 특정 문자열이 포함되어 있는지 확인하는 함수는 indexOf(), includes() 두 가지입니다. 사용 방법은 단순하지만 사용 방법은 조금 달라서 용도도 조금 다릅니다. string.indexOf('찾는문자열') 문자열에서 찾는 문자열의 위치(인덱스)를 정수 값으로 반환합니다. 일치하는 문자열이 없으면 -1을 반환합니다. 찾는 문자열이 있는지만을 확인하려면 다음처럼 if문으로 조건 체크를 해야 합니다. let

객체에서 속성을 사용할 때는 대표적으로 delete 연산자를 사용합니다. 객체의 속성 자체를 삭제하려는 것이 아니라면 속성 값을 초기화하는 다음 방법을 사용하는 것인 delete 연산자를 사용하는 방법보다 속도 면에서 훨씬 유리합니다. 평균적으로 delete 연산자를 사용하는 방법보다 두 배이상 빠릅니다. 목적이 속성 값을 초기화 하는 것인지 속성 자체를 삭제하려는 것인지 구분해서 꼭 필요한

jQuery의 is() 함수를 사용해서 대상 요소가 보이거나 보이지 않는지 확인할 수 있습니다. is() 함수로 대상 요소의 CSS 화면 표시 속성인 visibility 속성의 값을 확인합니다. $(element).is(":visible"); $(element).is(":hidden"); 또는 쿼리 선택자로 속성까지 표시 해서 is() 함수 없이 한번에 확인할 수 있습니다. $("element:visible"); $("element:hidden"); CSS visibility 속성으로