React (2) 썸네일형 리스트형 [리액트] Map 함수의 개념과 예제 Map을 사용하는 이유 1. 불변성(Immutability) 유지 map 함수는 원본 배열을 변경하지 않고, 새로운 배열을 생성하여 반환한다. 즉, 데이터가 한번 생성된 후에는 변경되지 않는 특성을 의미한다. 이 개념은 주로 함수형 프로그래밍에서 중요하게 다루어지며, 이 부분은 따로 포스팅할 예정이다. 2. 간결하고 선언적인 코드 map을 사용하면 루프를 사용하는 것보다 더 간결하고 선언적인 코드를 작성할 수 있다. 즉, "어떻게(How)"보다는 "무엇을(What)"에 집중할 수 있게 해준다. 아래 출력결과와 코드를 살펴보면 friends변수에 map()함수를 호출하는데 이때 map함수는 콜백(Callback)함수를 인자로 받는다. 이 과정에서 원본 배열은 변경되지않는다. ~/Dev/lectreact |.. React 찍먹 #React 공부하기 ##리액트의 장점 아래 코드 처럼 복잡한 태그의 집합인 HTML보다 효율적으로 사용자 정의 태그기반의 웹페이지 구현이 가능하다. 이때 표현하는 사용자 정의 태그의 의미는 컴포넌트를 의미한다. import logo from './logo.svg'; import './App.css'; function App() { return ( WEB HTML CSS JS Welcome Hello, WEB ); } export default App; import logo from './logo.svg'; import './App.css'; import { func } from 'prop-types'; function Header(){ return( WEB ) } function Nav() { retu.. 이전 1 다음
