🧐 React에서 반복되는 UI는 어떻게 만들까요? React를 사용할 때 반복되는 UI를 하나하나 직접 작성하는 것은 비효율적입니다. 예를 들어 이름 목록을 <li>로 출력해야 한다면, 배열과 map을 함께 사용하는 편이 훨씬 좋습니다. 이번 글에서는 map으로 HTML 태그를 반복 렌더링하는 방법과, 이때 자주 만나는 key pro...
[JavaScript] 자바스크립트 배열 map 함수 정리
🧐 map은 언제 사용할까요? JavaScript에서 배열을 다룰 때 map은 정말 자주 사용하는 메서드입니다. filter가 조건에 맞는 요소만 골라내는 역할이라면, map은 배열의 각 요소를 원하는 형태로 변환할 때 사용합니다. 예를 들어 숫자 배열의 모든 값에 2를 곱하거나, 사용자 객체 배열에서 이름만 뽑아낼 때 사용할 수 있어요. ...
[React] 리스트 클릭 시 삭제하기: filter 함수 활용
🧐 들어가며: 리스트에서 특정 항목을 삭제하려면? React로 투두 리스트 같은 목록형 UI를 만들다 보면 삭제 기능은 거의 반드시 필요합니다. 예를 들어 사용자가 X 버튼을 누르면 해당 항목만 리스트에서 사라져야 합니다. 이때 자주 사용하는 메서드가 JavaScript 배열의 filter입니다. 이번 글에서는 useState로 리스트를 관리하...
[JavaScript] 자바스크립트 배열 filter 함수 정리
🧐 filter는 언제 사용할까요? JavaScript에서 배열을 다룰 때 자주 사용하는 메서드 중 하나가 filter입니다. 이름 그대로 배열에서 특정 조건을 만족하는 요소만 걸러내고 싶을 때 사용합니다. 예를 들어 숫자 배열에서 3 이상인 값만 남기거나, 게시글 목록에서 특정 카테고리에 해당하는 글만 보여주고 싶을 때 사용할 수 있어요. 이...