[JavaScript] IE 브라우저 감지

ie 브라우저로 접속 시에만 결과값이 보인다.

[JavaScript] 이벤트 핸들러 1번만 적용하고 제거하기

기본적인 이벤트 핸들러의 선언 및 제거방법

[JavaScript] 자주 사용하는 정규식 메모

자주 쓰는 정규식 메모

[JavaScript] Math.random 을 사용한 난수 생성

shuffleRandom 함수가 전달받은 매개변수 n 개 만큼
배열을 생성 & 값을 섞어서 난수를 발생하는 방법

[React] create-react-app 작업 내용을 build 하기

빌드를 하면 react 소스를 js 소스로 변환할 수 있다.
즉 NodeJs / React가 구축되어있지 않은 환경에서 동작도 되고, 소스 압축도 해준다.
빌드 하는 방법은 매우 간단하다.

[JavaScript] input 전화번호 입력시 하이픈(-) 자동 붙이기

input에 전화번호 입력시 하이픈(-)이 글자수에 따라 자동으로 붙는 스크립트
02-1234-1234 식으로 하고싶으면
조건별 length와 substr를 수정하면 된다.

[JavaScript] 간단한 아코디언 토글

jQuery 없이 바닐라JS 만으로 구현.
Toggle 버튼 클릭시 내용 부분이 아코디언 형태로 토글된다.
JS로는 단순하게 클릭시 여닫는 기능만 있고
CSS의 Trantransition 값으로 부드러운 효과를 나타낸다.

[JavaScript] 글자수 체크, 문자열 길이 구하기(한글 포함)

Javascript에서 문자열 길이를 체크할때, 그냥 length를 사용하면
1Byte인 영문, 숫자 입력시엔 상관없지만
한글 ‘가’ 입력시에도 length 값은 1로 나온다.
아래 스크립트는 escape() 함수를 이용해 입력받은 값이 한글인지 판단 후 글자수를 2byte로 계산해준다.

HTML 전역 속성 사용하기

전역 속성(Global attributes)은 모든 HTML의 공통 속성이다.

[React] Windows or CentOS7 / React + create-react-app + yarn + Node js 환경 구축

React를 사용해보고싶지만 webpack / babel 등을 설정하느라 시간을 투자하기 싫을때
create-react-app 도구를 사용하면
React 작업환경을 명령어 하나로 설정 할 수 있다.