개발 스킬
0패딩 넣기 (시간) 4:10 => 04:10
const z2 = (v) => {
const s = '00' + String(v)
return s.substr(s.length - 2, 2)
}
숫자만 입력받기
const onChange = (e) => {
const curValue = e.target.value
const newValue = curValue.replace(/[^0-9]/g, '') // 숫자가 아니면 빈 문자열로 변환
setValue(newValue)
}
여러 입력 받기 (react class컴포넌트)
const onChange = (e) => {
const value = e.target.value
const key = e.target.name
this.setState({
[key]: value
})
}
return (
<form>
<input name="name" value={this.name} onChange={onChange} />
<input name="age" value={this.age} onChange={onChange} />
<input name="hobby" value={this.hobby} onChange={onChange} />
</form>
)
타입확인함수
function getType(data) {
return Object.prototype.toString.call(data).slice(8, -1);
}
getType(null) // Null
getType({}) // Object
getType([]) // Array
랜덤 난수(min ~ max) 생성
Math.floor(Math.random()*(max-min+1))+min
<a>
태그 사용시
target이 _blank
인 경우 rel="noreferrer noopener"
을 넣어주어야 보안위협이 사라진다
<a href="url" target="_blank" rel="noreferrer noopener">링크</a>
Author And Source
이 문제에 관하여(개발 스킬), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@tjdgus3160/개발-스킬저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)