코드를 작성하다보면 다음과 같이 반복되는 코드를 작성할 수도 있습니다. import React from ‘react‘; const IterationSample = () => { return ( 떡볶이 마라탕 치킨 초밥 ); }; export default IterationSample; 위의 예시는 li 태그의 반복입니다. 위의 예시는 간단하기에 그냥 li 태그를 반복해서 작성해도 큰 문제가 없지만, 간단한 반복에서 나아가 반복되는 코드들이 많아진다면 코드의 양은 늘어나고 파일의 용량도 증가해 쓸데없는 낭비가 발생할 것 입니다. 이번 6장에서는 반복적인 내용을 효율적으로 보여주고 관리하는 방법에 대해서 설명하도록 하겠습니다. 6.1 자바스크립트 배열의 map() 함수 자바스크립트에서는 배열 객체의 내장 함..

22-23/22-23 리액트 스타터 3 2022. 11. 10. 10:00

이번 장에서는 반복되는 코드를 효율적으로 보여주고 관리하는 방법에 대해 배워보겠습니다. 0. 자바스크립트 배열의 내장 함수 자바스크립트에서는 배열을 다룰 수 있는 유용한 내장 함수들이 있습니다. forEach : 배열의 각 요소들에게 일관된 작업을 수행할 수 있습니다. 사용법 - 배열명.forEach(파라미터) map : 배열 안의 모든 원소를 변환할 때 사용됩니다. 사용법 - 배열명.map(파라미터) filter : 배열에서 특정 조건을 만족하는 값들을 분류하여 새 배열을 만듭니다. 사용법 - 배열명.filter(파라미터) push : 배열의 맨 뒷부분에 요소를 추가합니다. 사용법 - 배열명.push(파라미터) pop : 배열의 맨 뒤 요소 하나를 반환하고 제거합니다. 사용법 - 배열명.pop() co..

22-23/22-23 리액트 스타터 1 2022. 11. 10. 10:00