퍼블리셔 복기
1.[퍼블 복기 시리즈]다양한 버튼을 보러오세요.
다양한 버튼이 필요한 당신 나는 이제 퍼블리셔가 사용할 수 있는 모든 컴포넌트를 제작하기로 마음 먹었다. 진짜다. 진짜... 할거다~ 이것은 버튼 시리즈다. 일단 처음 작업은 가장 친숙한 HTML과 CSS, JS로 시작하겠다. 코드펜 작업물 !codepen[ed
2.[퍼블 복기 시리즈] 토글 사세요... 토글 팔아요.
토글스위치 냠냠 하세요,,, 한 입 하세요,,버튼 다음으로 어디서든 쓰이는 토글 모음집을 만들어보았다.!codepeneditor/na-hyeong9/embed/019f6b85-9b25-7e63-afcc-fa7b8f8fa61f?default-tab=html%2Cresul
3.[퍼블 복기 시리즈] 완전. 기본. 아코디언.
먼저 말씀 드릴 건 이 글은 쌩기초, 쌩초보 를 위한 글인 점을 유의해주세요. ( \_ \_ )제목을 클릭하면 내용이 펼쳐지는 FAQ 형태.이번엔 CSS만으로 안 되는 벽을 만난다. 높이 애니메이션의 함정을 직접 겪어보는 게 목적이다.!codepeneditor/na-h
4.[퍼블 복기 시리즈] 탭 탭 탭 탭 전환
본인은 탭 전환을 제이쿼리로 만든 기억이 많다.그래서! 이번엔 JS랑 jQuery 비교 버전을 만들어 볼 것이다.(갑자기 든 생각인데 둘의 비교 버전 시리즈도 만들어봐야겠다. 나란 사람 성인 ADHD의 표본...ㅎㅎㅎ)잡담은 이만하고 복기 시리즈 레쓰고탭을 누르면 해당
5.[퍼블리셔 복기 시리즈] 기본 모달 vanilla JS vs jQuery
codepen⚡ !codepen[editor/na-hyeong9/embed/019fd9fb-50f4-73b8-b9ce-06e0a3ce98ee?default-tab=html%2Cresult] Day 5 · 모달 팝업 (바닐라 + jQuery) > 버튼을 누르면 뜨고, 바깥/X/ESC로 닫히는 창. > 핵심은 오버레이 클릭 판별(이벤트 버블링)과 ESC 키...