개발 스킬

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>

좋은 웹페이지 즐겨찾기