Web/Javascript20 [javascript] Math.random 을 사용한 난수 생성 shuffleRandom 함수가 전달받은 매개변수 n 개 만큼 배열을 생성 & 값을 섞어서 난수를 발생하는 방법 See the Pen js 난수 - Math.random() by juein (@juein) on CodePen. 2019. 10. 7. [Javascript] 글자수 체크, 문자열 길이 구하기(한글 포함) Javascript에서 문자열 길이를 체크할때, 그냥 length를 사용하면 1Byte인 영문, 숫자 입력시엔 상관없지만 한글 '가' 입력시에도 length 값은 1로 나온다. 아래 스크립트는 escape() 함수를 이용해 입력받은 값이 한글인지 판단 후 글자수를 2byte로 계산해준다. See the Pen 한글포함 문자열 길이값 by juein (@juein) on CodePen. 2019. 4. 12. [Javascript] input 전화번호 입력시 하이픈(-) 자동 붙이기 input에 전화번호 입력시 하이픈(-)이 글자수에 따라 자동으로 붙는 스크립트 02-1234-1234 식으로 하고싶으면 조건별 length와 substr를 수정하면 된다. See the Pen 폰넘버 하이픈 붙이기 by juein (@juein) on CodePen. 2019. 4. 12. [Javascript] 간단한 아코디언 토글 jQuery 없이 순수 자바스크립트 만으로 구현. Toggle 버튼 클릭시 내용 부분이 아코디언 형태로 토글된다. JS로는 단순하게 클릭시 여닫는 기능만 있고 CSS의 Trantransition 값으로 부드러운 효과를 나타낸다. See the Pen js list more by juein (@juein) on CodePen. 2019. 4. 12. [javascript] 변수/상수 - var, let, const var로 변수 선언시 이미 만들어진 변수이름으로 재선언을 해도 문제가 발생하지 않음 var a = 'test' var a = 'test2' // hoisting으로 인해 ReferenceError에러가 안난다. c = 'test' var c 위 상황이면 기존에 사용하고있던 변수명의 사용여부를 모르고 변수 재선언을 하여 프로그램이 꼬이게 될 가능성이 크다.이러한 문제점의 해결방안으로 es6에서 let, const 가 추가됨 let : 변수 재할당은 가능하지만, 변수 재선언은 불가능 const : 상수. 재선언, 재할당 모두 불가능 // let 사용 let a = 'test' let a = 'test2' // 2018. 3. 1. 나쁘지만 사용해야 하는 부분 [나쁘지만 사용해야 하는 부분]- 자바스크립트에서 나쁘지만 피하기 힘든 문제가 있는 부분들을 잘 인지하여 사용할 수 있도록 하자. 전역변수- 전역변수는 모든 유효범위(scope) 에서 접근할 수 있는 변수. - 전역변수를 잦게 사용하면 플러그인 충돌, 다른 영역에서 다른 목적으로 동일한 전역변수를 정의할 경우 덮어쓰게 되는 점 등의 오류가 발생하고 어디가 잘못되었는지 찾기 힘들다. - 전역변수의 생성은 세가지가 있다.1) 어떠한 함수에도 속하지 않은 위치에서 (함수 밖에서) var 문으로 선언 var test = 'test'; 2) 전역객체에 직접적으로 속성을 추가. window.test = 'test'; 3) var 없이 변수를 선언 (함수 내에서도 var 없이 선언하면 전역변수가 된다) test = .. 2018. 2. 28. 이전 1 2 3 4 다음