# dropdown

23개의 포스트
post-thumbnail

[ABAP] Dropdown ListBox / 드롭다운 리스트박스 - PBO를 통한 LIST 구현

Table에서 Listbox에 넣을 값을 검색해 PBO 모듈에서 할당하는 방식입니다.

2023년 5월 25일
·
0개의 댓글
·
post-thumbnail

개인프로젝트: VarGen(5.3)-입력데이터 관련 버튼 만들기

여기서 기능 기획을 했던 것 처럼 Create {countVariable} {subject} related variable names with {namingConvention} 이런 식으로 변수화 시켜서 prompt변수에 할당할 것이다! 자연스레 저 변수들을 버튼으로

2023년 3월 27일
·
6개의 댓글
·

HTML | Breadcrumb & Pagination, WAI-ARIA ..미완성

📌 Breadcrumb 출처: https://www.justinmind.com/blog/breadcrumb-website-navigation/ 📌 Pagination 출처: https://www.frontendplanet.com/css-pagination-examples/ 순서가 중요하므로 태그 이용 비슷한 예로 dropdown menu 는 ...

2023년 3월 1일
·
0개의 댓글
·
post-thumbnail

[React] 드롭다운 구현

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

2023년 2월 12일
·
0개의 댓글
·
post-thumbnail

Drop Down 구현

CountSelection.jsxDetailedProduct.jsx

2023년 1월 9일
·
0개의 댓글
·
post-thumbnail

Dropdown과 Datepicker로 기간 선택하기

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

2022년 11월 5일
·
0개의 댓글
·
post-thumbnail

Dropdown | 토글버튼 - 아래로 떨어졌다 붙는 카드 애니메이션

fluid-card toggle animation클론사이트 :https://github.com/Cuberto/fluid-card구현해보기!

2022년 10월 11일
·
0개의 댓글
·
post-thumbnail

React - DropDown 구현 (with TS)

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

2022년 9월 10일
·
0개의 댓글
·
post-thumbnail

커스텀 드롭다운 애니메이션을 만들어보자

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

2022년 9월 7일
·
0개의 댓글
·
post-thumbnail

[Flutter][Widget] DropDownButton

참고 문서https://dkswnkk.tistory.com/234코드

2022년 7월 20일
·
0개의 댓글
·
post-thumbnail

Mission: 선택 된 옵션은 리스트에서 보이지 않게 하기(feat. Map)

row에서 한가지 옵션을 선택했다면 나머지 row에서는 선택한 옵션을 제외한 리스트가 보이도록 한다.(selected options가 중복된 값을 가질 수 없도록 하기위함)코드에 대한 설명은 주석으로 대체 하겠다.간단한 custom select box를 만들어 보았다.

2022년 7월 5일
·
0개의 댓글
·

자바스크립트 드롭다운 li 태그 값 출력

드롭다운 메뉴의 옵션 클릭 시 해당 값을 화면에 출력하기 (select와 option이 아닌 ul태그와 li 태그일 경우) -> 위의 화면처럼 '선택하세요' 클릭시 드롭다운으로 제목, 작성자, 제목+작성자가 선택지로 나온다. -> 3가지의 선택지를 각각 클릭할 경우

2022년 7월 1일
·
0개의 댓글
·

JS- select 태그를 활용한 dropdown 과 change,keyup이벤트

select 복수개의 리스트에서 복수개의 아이템을 선택할 때 사용한다. 함께 사용할 수 있는 태그는 다음과 같다. 서버에 전송되는 데이터는 select 요소의 name 어트리뷰트를 키로, option 요소의 value 어트리뷰트를 값으로하여 key=value의 형태로

2022년 6월 3일
·
0개의 댓글
·

React 개발일지 - 1. dropdown

dropdown 구현을 위해 사용한 usestate의 데이터 변경 방식과 마우스 이벤트 발생 순서에 따른 blur 이벤트를 막는 내용에 대해 설명합니다.

2022년 2월 28일
·
0개의 댓글
·
post-thumbnail

[React] 드롭다운 메뉴 만들기

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

2022년 1월 30일
·
0개의 댓글
·
post-thumbnail

[iOS] 시간표 프로젝트 - 4

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

2022년 1월 18일
·
0개의 댓글
·
post-thumbnail

플러터 - 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

2021년 12월 12일
·
0개의 댓글
·
post-thumbnail

[HTML, CSS] HTML과 CSS만 이용해서 Dropdown 메뉴바 만들기(가로형, 세로형)

[HTML, CSS] HTML, CSS로 드롭다운 메뉴바 만들기

2021년 9월 10일
·
1개의 댓글
·

select 태그 사용하지 않고 드롭다운 구현 (ft. React)

select 태그의 디자인 어려움 문제로 select를 사용하지 않고 css(Styled-Components)를 이용해 드롭다운을 구현해봤습니다.드롭다운 기본 기능.드롭다운이 펼쳐졌을 때 css 처리 ( 밑의 DOM 요소를 덮는지, 미는지 )드롭다운 상태를 저장합니다.

2021년 7월 3일
·
0개의 댓글
·
post-thumbnail

[Cine Library] 3. dropdown 메뉴 만들기

위의 사진과 같은 형태의 dropdown 메뉴를 만들려고 한다. 일단 html 을 이용하여 틀을 잡아주었다.'close' class 부분에 display: none; 을 적용하여 메뉴 아랫 부분을 숨겼다.js을 이용하여 클릭을 했을때 dropdown이 실행되고 한번 더

2021년 4월 29일
·
0개의 댓글
·