최근 실무에서 height: auto를 부드럽게 toggle하는 로직을 구현해야 하는 상황이 있었는데.. 퍼블리싱 요구사항을 듣고서 막연히 가능한 줄 알고 일반적인 방식으로 구현을 해보았으나 당연히 작동하지 않았다. See the Pen ...
블로그 JS 작업 중 레이어팝업 초점이동 관련 코드를 구현했었는데, jQuery를 이용해서 구현을 완료했었다. 하지만 똑같은 문제를 Vanilla JS로 구성해본다면? 초점이동이 레이어팝업 내부에서만 돌게 하기 레이어팝업 내부 요소들 중 초점...
몇 달전에도 작업한 바 있으나 jQuery를 쓴 코드였고, 이번에는 Vanilla JS로 작업을 해보았다. 1 2 3 4 5 6 7 8 9 10 11 12 <ul class="has-whitespace"> <li>111...
예를 들어 input 요소에 값을 입력하고 enter키를 누르면 submit이 되는데, 값을 입력하지 않고도 enter키를 누르면 원치않는 submit이 되는 현상이 발생한다. 해결책은 Javascript로 이벤트를 무효화해주면 된다. form요...
float 해제가 무엇인지 익히 알려진 사실이니 설명은 생략하고, 이 기법에 대한 나름의 생각을 적은 포스팅을 해본다. float을 해제하는 기법으로 다음과 같은 것들을 볼 수 있다. 가상 요소(clearfix) overflow: h...
오늘 실무에서 이미지 요소의 높이값(pixel)을 rem 단위로 변환해서 선언해야 하는 상황이 있었다. 말 그대로 변환해서 선언해주면 되지 않느냐? 이미지마다 사이즈가 천차만별이라 일일이 선언해줄 수가 없어서 Javascript를 이용하는 방법을...
총 69개의 포스트