개발쬬

틸트 연산자를 사용해보자우연히 프로그래머스에서 발견한 신박한 연산자 바로 틸트(~) 연산자였다.하나를 사용하면 indexOf 처럼 사용되고, 두개를 사용하면 parseInt 나 Math.floor 처럼 실수에서 소수점을 버리는 연산으로 사용이 가능하다. 틸트 연산자를 사용하게 되면 32비트 정수 변환 후 NOT 연산자를 실행한다. (~) 연산자 사용하여 참,거짓 구분~str.indexOf(`판별값`) - 값이 있는 경우 -1 반환 - 값이 없는 경우 0 반환let str = "1234512345"~str.indexOf(0) // 0~str.indexOf(1) // -1 ~array.findIndex()let array = [1,2,3,4,5]~array.findIndex(item=>item===4) ..

이번에는 웹사이트를 만들면서 가장 자주 사용하는 아코디언 UI 를 만들어봤습니다.별로 어렵지 않고 대중적인 UI 설계 방식이지만 tailwind 로 쉽게 구현을 원하는 분들을 위해 공유드립니다. section > Conatiner (커스텀UI) > ul > li > div 로 설계- 펼쳐짐을 감지할 button | div 요소 (grid grid-row 를 사용해 0 과 1 사이로 내부 높이를 감지합니다)- 펼쳐질 아이템 (div 요소를 사용하지만 opacity 0 으로 초기화) 아코디언 펼치기 전 아코디언 펼치기 후하위 요소는 DOM으로 구성이 가능합니다. (tsx 파일) 애니메이션 효과는 duration 을 사용하여 임의로 조절이 가능하며 부드럽게 펼쳐지는 UI 구현이 가능합니다. 코드 공유코드 ..