전체 글 210

자바스크립트> 정리

알림창 온오프 (버튼2개) buttion onclick = "알림창열기('blcok');">버튼  닫기  => 닫기  =>document.getElementById('close').addEventListener('click', function(){     document.getElementById('alert').style.display = 'none' });  열기  ==> function 알림창열기(구멍,구멍2){ getElementClassName()[0]   document.getElementById('구멍').style.display = 구멍2; (아이디,비번)   document.getElementById('alert').style.display = block; } list(토글)(class ..

자바스크립트 2024.07.15

리액트> 자식이 부모의 state 가져다쓰고 싶을 때는 props

안에 글제목 state 가 필요한데 저번에 만든 내부에 글제목 state를 집어넣고 싶으면 어떻게하죠? 예를 들면 이렇게 하면 될듯요   function App (){ let [글제목, 글제목변경] = useState(['남자코트 추천', '강남 우동맛집', '파이썬독학']); return ( )}function Modal(){ return ( { 글제목[0] } 날짜 상세내용 )}▲ 하지만 제대로 실행되지 않습니다.'글제목'이라는 변수가 define 되지 않았다고 에러가 뜹니다.왜냐면 글제목이라는 state 변수는 function App()에 있지 function Modal()에 없으니까요.자바스크립트에선 다른 함수에 있는 변..

리액트 2024.07.12

리액트>map : 많은 div들을 반복문으로 줄이고 싶을떄

자바스크립트 map 함수 쓰는 법  모든 array 자료 우측엔 map() 함수를 붙일 수 있습니다. 자바스크립트 기본함수 같은건데 용도를 알아봅시다.  설명하다 var 어레이 = [2,3,4];어레이.map(function(){ console.log(1)});기능 1. array에 들어있는 자료갯수만큼 그 안에 있는 코드를 반복실행해줍니다.저러면 진짜로 console.log(1) 3번 실행됨    설명하다 var 어레이 = [2,3,4];어레이.map(function(a){ console.log(a)});기능 2. 콜백함수에 파라미터 아무렇게나 작명하면그 파라미터는 어레이 안에 있던 모든 자료를 하나씩 출력해줍니다.(그냥 소괄호안에 있는 함수를 콜백함수라고 합니다)저러면 진짜로 2, 3, 4가 콘솔..

리액트 2024.07.12