기초 지식 19 / 21

화면 나누기와 골라 보기

탭으로 화면을 바꾸고, 원하는 것만 골라 보여줘요.

일에 쓰는 프로그램은 '목록', '진행판', '보관함'처럼 화면이 여러 개예요. 사실은 한 페이지 안에 다 있고, 지금 볼 것만 보이고 나머지는 숨겨 두는 방식이에요.

검색어가 들어간 고객만 고르기

const found = customers.filter(c =>← 고객 목록에서 걸러요

c.name.includes(keyword));← 이름에 검색어가 들어간 사람만

listSection.hidden = false;← 목록 화면은 보이고

boardSection.hidden = true;← 진행판 화면은 숨겨요

filter는 '체로 거르기'예요. 기간, 종류, 연락 필요 같은 '골라 보기'는 모두 filter로 만들어요.

내 프로그램에서 찾아보기

작업실 '코드' 탭에서 이 글자를 찾아보세요.

.filter(hidden

🧩 이 내용이 나오는 따라 만들기