백그라운드 클릭시 꺼지는 모달 우선 컨텐츠를 누르면 state를 이용해 모달이 켜지게 해줬다 //모달 온 const ContentsOnClick = () => { setModal(!modal); document.body.style.overflow = "hidden"; }; {props.item.title} {props.item.date} 그리고 컨텐츠 안의 내용을 모달이 켜질때 함께 보여지게 삼항연산자를 이용해 만들었다. {modal ? ( {/* 제목*/} {edit ? ( ) : ( {props.item.title} )} {/* 완료 버튼*/} Done {/*내용*/} {edit ? ( ) : ( {props.item.text} )} {/*날짜*/} {props.item.date} {edit ? "취..
배운것 javascript 정리 //변수 let name = 'Shin’ console.log(name) //Shin name = 'william' console.log(name) //william // let은 변수 다시 할당 가능 const name = 'Shin jung' console.log(name) //Shin jung name = 'william' (불가능) // const는 변수 재할당 불가능 ——————————————— 데이터 타입 기본 또는 원시형데이터(primitive) = number, string, boolean, null, undefined //숫자 (Number) console.log(10) //10 let age = 37 console.log(age) //37 ————————..
$(document).ready(function () { $("class2").hide(); $("btn2").click(function () { $("class2").show(); $("class1").hide(); }); $("btn1").click(function () { $("class1").show(); $("class2").hide(); }); }); 배운것 화면전환 이렇게 사용하면 간단하게 전환가능 처음에는 class2가 숨어 있음 btn2 누르면(.click) class2 보이고(.show)되고 class1 숨김(.hide) btn1 누르면(.click) class1 보이고(.show) class2 숨김.(hide)
