홈 > B. 발전소 목록 > 원하는 발전소 찾기
따라하기
특정 발전소를 스크롤 없이 바로 찾고 싶을 때
시작 상태: PATCH에 로그인된 상태, 발전소 목록 화면(/app)이 열린 상태
- 목록 상단 검색창에 발전소 이름의 일부(2~3글자)를 입력합니다. 목록이 자동으로 줄어들어 키워드가 포함된 발전소만 남습니다.
- 조직별로 추리려면 검색창 위의 필터를 클릭합니다. 조직 칩 목록이 펼쳐지면 원하는 조직을 선택합니다.
- 전체 목록으로 돌아가려면 초기화를 클릭합니다. 검색어와 필터가 모두 해제됩니다.
완료 기준
검색하면 행이 줄고, 필터를 적용하면 해당 조직의 발전소만 남습니다. 초기화하면 전체 목록으로 복원됩니다.
문제가 생기면
- 검색어를 넣어도 목록이 그대로면 기존 텍스트를 모두 지우고 2~3글자만 다시 입력합니다.
- 필터를 적용해도 변화가 없으면 초기화를 누른 뒤 다시 조직 칩을 선택합니다.
단계별 화면
아래 이미지의 빨간 번호 순서와 위 단계를 함께 따라가세요.
1. 목록 상단 검색창에 발전소 이름의 일부(2~3글자)를 입력합니다. 목록이 자동으로 줄어들어 키워드가 포함된 발전소만 남습니다.
1
초기 목록
발전소 목록 초기 상태 — 5개 발전소가 이름 오름차순으로 표시되고, 검색창과 필터 버튼이 보인다
- 검색창 — 여기에 키워드를 입력하면 목록이 실시간으로 줄어든다
1
검색 결과
검색창에 '데모'를 입력한 후 — 5개에서 4개로 줄어들어 키워드가 포함된 발전소만 표시된 상태
- 검색창에 '데모'가 입력되어 있고 오른쪽에 x(지우기) 버튼이 보인다
2. 조직별로 추리려면 검색창 위의 필터를 클릭합니다. 조직 칩 목록이 펼쳐지면 원하는 조직을 선택합니다.
2
초기 목록
발전소 목록 초기 상태 — 5개 발전소가 이름 오름차순으로 표시되고, 검색창과 필터 버튼이 보인다
- 필터 버튼 — 클릭하면 조직 칩 목록이 펼쳐진다
2
필터 적용
조직 필터에서 '커널로그 데모'를 선택한 후 — 해당 조직의 발전소 4개만 표시되고, 초기화 버튼과 조직 칩이 보인다
- 조직 칩 영역 — '커널로그 데모'가 선택되어 강조 표시된 상태. 원하는 조직 칩을 클릭한다
3. 전체 목록으로 돌아가려면 초기화를 클릭합니다. 검색어와 필터가 모두 해제됩니다.
3
필터 적용
조직 필터에서 '커널로그 데모'를 선택한 후 — 해당 조직의 발전소 4개만 표시되고, 초기화 버튼과 조직 칩이 보인다
- 필터 툴바 — '초기화'를 클릭하면 필터와 검색이 모두 해제된다