목록Display (1)

연구하는 안씨의 기록

[frontend] 요소를 사라지게 만드는 방법 3가지 (display, visibility)

올해 초부터 학기 팀 프로젝트를 진행하면서 어쩌다 프론트엔드 파트를 도맡아서 하게 되었다. 작년 여름에 테킷 프론트엔드 강의를 가볍게 수강했었기에, 태그 몇 개 정도만 알고 거의 기억나지 않는 상태였다.  그래서 프로젝트를 하는 김에 공부하고 찾아보며 사용해본 코드를 공유해보자 한다.  이번 게시물을 '요소'를 사라지고, 나타나게 만드는 방법에 대해서 다루고 있으며 기본적인 javascript 및 css를 활용한다. 크게 Display 방식과 Visibility 방식이 있다.  1. Display 와 Opacity 를 적용한 js 함수 모듈 showPopup, hidePopup // 팝업 보이기와 숨기기 로직export function showPopup(popupId) { const popup = ..
웹 프로그래밍/프론트엔드 (html, css, js) 2024. 7. 12. 23:02
이전 Prev 1 Next 다음