# dropdown

[ABAP] Dropdown ListBox / 드롭다운 리스트박스 - PBO를 통한 LIST 구현
Table에서 Listbox에 넣을 값을 검색해 PBO 모듈에서 할당하는 방식입니다.

개인프로젝트: VarGen(5.3)-입력데이터 관련 버튼 만들기
여기서 기능 기획을 했던 것 처럼 Create {countVariable} {subject} related variable names with {namingConvention} 이런 식으로 변수화 시켜서 prompt변수에 할당할 것이다! 자연스레 저 변수들을 버튼으로
HTML | Breadcrumb & Pagination, WAI-ARIA ..미완성
📌 Breadcrumb 출처: https://www.justinmind.com/blog/breadcrumb-website-navigation/ 📌 Pagination 출처: https://www.frontendplanet.com/css-pagination-examples/ 순서가 중요하므로 태그 이용 비슷한 예로 dropdown menu 는 ...

[React] 드롭다운 구현
Category.jsMain.js에서는 Category 컴포넌트만 불러오고 Category 컴포넌트 내에서 useState를 이용하여 드롭다운을 구현했다.Category 컴포넌트에서 HiddenCategory를 import한 후마우스를 올리면 view가 true로 변해

Dropdown과 Datepicker로 기간 선택하기
회사의 재활 운동 관련 서비스에서 리포트 페이지를 개발하게 되었다. 기간을 설정하면 해당 기간 내에 생성된 운동 기록들이 뜨고, 그중에 몇 개를 선택하여 날짜별로 리포트를 볼 수 있는 기능이 있다.

Dropdown | 토글버튼 - 아래로 떨어졌다 붙는 카드 애니메이션
fluid-card toggle animation클론사이트 :https://github.com/Cuberto/fluid-card구현해보기!

React - DropDown 구현 (with TS)
onToggle() 로 열었다 닫았다, onOptionClicked()로 value 값 저장!이 부분을 나타내는 박스!드롭다운을 해주는 부분을 scroll을 준다!isOpen 일 때에만 보이는 컴포넌트!

커스텀 드롭다운 애니메이션을 만들어보자
사실 커스텀 드랍다운은 옛날부터 만들고 싶었지만, 시간 투자 대비 사소한 디자인이여서 그냥 기본 custom selector나 mui를 주로 사용했었다.그러다 이제는 더이상 미룰 수 없기에 커스텀 드랍다운 제작에 나섰다.우선 이번 드랍다운의 기능은 다음과 같다.드랍다운

Mission: 선택 된 옵션은 리스트에서 보이지 않게 하기(feat. Map)
row에서 한가지 옵션을 선택했다면 나머지 row에서는 선택한 옵션을 제외한 리스트가 보이도록 한다.(selected options가 중복된 값을 가질 수 없도록 하기위함)코드에 대한 설명은 주석으로 대체 하겠다.간단한 custom select box를 만들어 보았다.
자바스크립트 드롭다운 li 태그 값 출력
드롭다운 메뉴의 옵션 클릭 시 해당 값을 화면에 출력하기 (select와 option이 아닌 ul태그와 li 태그일 경우) -> 위의 화면처럼 '선택하세요' 클릭시 드롭다운으로 제목, 작성자, 제목+작성자가 선택지로 나온다. -> 3가지의 선택지를 각각 클릭할 경우
JS- select 태그를 활용한 dropdown 과 change,keyup이벤트
select 복수개의 리스트에서 복수개의 아이템을 선택할 때 사용한다. 함께 사용할 수 있는 태그는 다음과 같다. 서버에 전송되는 데이터는 select 요소의 name 어트리뷰트를 키로, option 요소의 value 어트리뷰트를 값으로하여 key=value의 형태로
React 개발일지 - 1. dropdown
dropdown 구현을 위해 사용한 usestate의 데이터 변경 방식과 마우스 이벤트 발생 순서에 따른 blur 이벤트를 막는 내용에 대해 설명합니다.

[React] 드롭다운 메뉴 만들기
드롭다운 메뉴 만들기! 메뉴 선택시 상품코드 출력드롭다운 구현하여 상품목록 만들기상품선택시 상품코드 화면에 출력체크박스 리스팅을 위해 상수데이터 만들기(카테고리 목록은 임의로 작성하였습니다.)map함수를 이용하여 렌더링 해준다상수데이터는 렌더될때마다 불러질 필요없이 한

[iOS] 시간표 프로젝트 - 4
요즘 프로젝트를 진행하다가 갑자기 헤이해진 느낌이 든다. 다시 열심히 해야겠다. 물론 저번주는 코로나 3차 후유증과.. 술병으로 인한 헤이함이지만 1일 1커밋은 놓치지 않으려고 하고 있다. 발생한 문제 - pickerView, UITextField

플러터 - dropdown 리스트 내부의 text가 안보일 때
화면Flutter 2.5.3 Framework • revision 18116933e7 (8 weeks ago) • 2021-10-15 10:46:35 -0700Engine • revision d3ea636dc5Tools • Dart 2.14.4dropDownButton

[HTML, CSS] HTML과 CSS만 이용해서 Dropdown 메뉴바 만들기(가로형, 세로형)
[HTML, CSS] HTML, CSS로 드롭다운 메뉴바 만들기
select 태그 사용하지 않고 드롭다운 구현 (ft. React)
select 태그의 디자인 어려움 문제로 select를 사용하지 않고 css(Styled-Components)를 이용해 드롭다운을 구현해봤습니다.드롭다운 기본 기능.드롭다운이 펼쳐졌을 때 css 처리 ( 밑의 DOM 요소를 덮는지, 미는지 )드롭다운 상태를 저장합니다.
.png)
[Cine Library] 3. dropdown 메뉴 만들기
위의 사진과 같은 형태의 dropdown 메뉴를 만들려고 한다. 일단 html 을 이용하여 틀을 잡아주었다.'close' class 부분에 display: none; 을 적용하여 메뉴 아랫 부분을 숨겼다.js을 이용하여 클릭을 했을때 dropdown이 실행되고 한번 더