모달창1 동적인 UI 만들기 (모달창만들기) 동적인 UI 만드는 step 3단계(이걸 기억하고 동적인 상태 변화 줄때마다 활용) 1. html css로 미리 디자인 완성 2. UI의 현재 상태를 state로 저장 let [ 변수, set변수] = useState(); ▼형식은 자유/모달창 상태 표현만 가능하면 됨. -e.g.) let [modal, setModal] = useState(false); 3. state에 따라 UI가 어떻게 보일지 작성 (조건문 사용) JS를 써야하니 {}열고 대신 html 이므로 JS if 문, for 반복문 사용 불가 =>조건문은 삼항연산자 사용(ternary operator) - 조건식 ? 참일때 실행할 코드 : 거짓일 때 실행할 코드 -e.g.) { modal == true ? : '' 또는 null } =>참일.. 2023. 3. 14. 이전 1 다음