React 별점 기능 구현
2021. 12. 28. 11:11
Frontend/React & React.Native &Next.js
바깥에 함수를 만들고 리액트 렌더링 영역 안에 구현되도록 함 const startRender = (e) =>{ const result = []; for (let i = 0; i 0 ? data.map((e,i)=> {i+1} {e.item.it_name} {startRender(e)} {e.mb_id} {e.is_subject} {e.is_time} ) 결과
Chaka UI) CheckBox(체크박스) 만들기
2021. 12. 20. 18:20
Frontend/React & React.Native &Next.js
checkEmail = (e) => { if(event.target.checked == true){ this.setState({ isEmail:1 }) } else{ this.setState({ isEmail:null }) } console.log('this.state.isEmail',this.state.isEmail) } 이메일로 답변받기{' '} 키포인트 불러오는 방법 e.target.checked 상태값 지속체크 onChange={함수}
padding 때문에 사이즈 width가 더 커질때 'box-sizing' 주기
2021. 12. 19. 08:04
Frontend/HTML, CSS, DOM, jQuery
box-sizing 너비를 200w줬는데, 패딩 50을 줘서 250px가 될떄 패딩에 상관없이 주는 너비, 즉 200을 유지하도록 하기 위해 box-sizing:border-box를 주면 된다. .div{ box-sizing:border-box; } box-sizing:border-box 주면 된다. box-sizing:border-box;
CSS) navigation(네비게이션) 아래 위치에 고정 레이아웃
2021. 12. 19. 06:46
Frontend/HTML, CSS, DOM, jQuery
.nav{ position:fixed; bottom:0; width:100%; box-sizing:border-box; }