도움되는 10가지 자바스크립트 유틸리티 함수

링크에서는 다음의 10가지 유틸리티 함수를 소개합니다. 기존에 있었던 함수도 있고, 저자가 만든 함수도 있습니다. 유용한 것들이 많으니 필요한 함수가 있다면 챙겨가세요~ ❶ console.log() 프린트, 디버깅등으로 사용하는 console.log() 입니다. ❷ querySelector() DOM 조작을 편리하게 해주는 함수입니다. ❸ addEventListener() 클릭, 마우스오버등의 이벤트 할당을 편하게 해주는 함수입니다. ❹ random() Math.random()을 한번 감싸서 min, max를 추가한 함수입니다. ❺ times() 특정 함수를 여러번 실행시키고자 할 때 사용하는 함수입니다. ❻ slugify() 문자열을 URL에서 안전하게 사용할 수 있도록 변경해주는 함수입니다. ❼ validateEmail() 문자열이 올바른 이메일 포맷인지 검사하는 함수입니다. ❽ capitalize() String에 toUpperCase()는 있지만, 문자열을 대문자로 만들어주는 함수는 없어서 만들었습니다. ❾ sanitizeHTML() XSS방지를 위해 HTML을 깨끗하게 만들어주는 함수입니다. ❿ localStorage() 로컬 스토리지 사용을 도와주는 함수입니다.

10 Helpful JavaScript Utility Functions

DEV Community

10 Helpful JavaScript Utility Functions

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2023년 3월 10일 오전 2:16

 • 

저장 115조회 3,573

댓글 0

    함께 읽은 게시물

    타입 안전한 API 모킹으로 프론트엔드 생산성 높이기

    이번에 우아한형제들 기술 블로그에 "타입 안전한 API 모킹으로 프론트엔드 생산성 높이기"라는 새 글을 발행하게 되었습니다.

    ... 더 보기

    Dependabot을 통한 안전한 의존성 관리

    ... 더 보기

     • 

    저장 14 • 조회 3,567


    defer, 에러 핸들링과 비동기에서 어떻게 활용할까?

    d

    ... 더 보기

    defer (async throwing contexts)

    iOYES

    defer (async throwing contexts)

    나는 가끔 조합형 한글의 아름다움에 대해 생각한다.


    그 아름다움은 단순히 예쁜 글꼴이나 정갈한 종이 위의 자소 배열에서 끝나지 않는다. 진짜 매력은, 정밀한 정보 구조와 이산 수학적 규칙성 속에 숨어 있다.


    ... 더 보기

    노션 템플릿들을 만들면서 적는 회고

    ... 더 보기