[250110 금요일]
개인과제 진행 3일차!
처음 진행할때 어찌 진행해야할지 감이 잘 오지 않았던 부분들이 과제를 진행하면서 내용을 다시 확인하는 과정에서 점점 윤곽이 그려지긴했다.
처음엔 뭘 알려주지도 않고 시켜!!의 느낌이었는데.. 진행하다보니 어? 했던부분이긴 하네? 상세한 설명이 없었을뿐..
그리고 내가 적용하려고하면 생각만큼 호다닥 진행이 되지 않는게 현실.. 🫠
모달(팝업)창을 띄워야 하는 작업이 필요한데, 이부분은 한번도 진행해본적이 없기 때문에 어떻게 구현해야 하는거지? 고민하고 있었는데 배우고 잊고 있던 기능이었다!!
그때는 다른 html코드 사이에있다가 마치 펼치고 접히는 모양새로 했던것뿐!
이번에는 화면 전체를 덮고 있는 태그를 보였다가 감췄다가 하면 되는 거였다니!
코드문제를 풀때도 쉽게생각해서 풀수있는 문제를 어렵게 생각해서 푼 경우가 많다.
내가 기존에 하던 생각보다 단위를 쪼개서 단순하게 붙여넣는 과정을 연습하는게 좋겠다는 생각을 많이하게된 하루다.
모달창 구현 부분중 배웠는데요 안배웠..배운내용을 다시한번 정리하기!
모달창을 띄우기 위해서는 창을 보이게 할 수있는 클래스 명을 추가 또는 삭제하는 방법이 있으며, css에 지정된 display속성을 바꿔주는 방법이 있다.
여기까지는 배웠던건가? 하고 기억이 나지 않았는데, 2개의 기능을 전환하는 toggle함수가 기억이 나면서 '아~ 배웠었구나??' 휘발된 기억 찾아와!!
🛸 클래스명을 제어하는 방법!
🛸 스타일 속성을 제어하는 방법!
이제 내 코드에 잘 적용시켜보자!!
one setp