폴더구조 체계화 && map / filter

부모, 자식 컴포넌트간 변수,함수 전달

• props : 자식(presenter) 컴포넌트가 부모(container) 컴포넌트로 부터 변수,함수를 전달 받는데 필요한 인자

1. container에서 presenter로 전달할 변수, 함수를 return안에 넣는다
   
2. presenter 파일의 함수 인자에 props를 선언해준다
   
3. presenter에서 전달받은 변수또는 함수를 사용 할 때 변수,함수명 앞에 props.을 붙여준다.
   

map : 배열의 모든요소를 순회하며 작업 수행

filter : 배열의 모든요소를 순회하며 조건에 맞는 것을 골라 새로운 배열을 만듬

-el은 단순히 각 요소를 뜻하는 이름일 뿐, aaa나 bbb가 들어가도 아무 상관 없음-

배열의 모든 요소에 작업을 수행하므로 각 요소마다 어린이가 붙어서 출력이 된다

객체들의 배열에도 map을 사용할 수 있기 때문에 아래와 같이 활용이 가능하다

이와같이 활용해서 댓글이나 게시물 목록도 만들 수 있다.

i는 인덱스 값을 나타내는데 위와 같이 실행하면 Array 배열의 길이만큼 0,1,2,3,4,5 ... 이렇게 출력된다. 이를 이용해 여러 알고리즘 문제도 간단히? 해결할 수 있다.