목록배열랜더링 (1)
능히 해낼 수 있다
230412 숙달을 위한 메모: 배열과 map + 230315내용추가
✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 가령 데이터가 여러개 있는 경우엔 react에선 어떤 메소드를 사용해야할까? 그리고 이 데이터를 나열해야하는 상황에선 어떻게 해야할까? 물론 하나씩 뽑아서 쓰는 방법도 있겠지만 굉장히 비효율적이다. 때문에 JS에선 for문을 사용해 데이터 나열 시 사용하기도한다. 하지만 react에서는 map이란 메소드를 사용하는데, 이를 어떻게 사용하는지 예시와 함께 기록해 두려한다. 예시. 게시판 만들어보기 우선 코드파일은 전체를 보여줄 App.jsx, 글을 써서 저장하는 것이 아닌 임의로 게시글 데이터를 저장할 articleData.js 이러한 데이터 내용을 보여줄 Board.jsx로 나눠 작성하도록 한다. 우선 a..
개발🌐/React
2023. 4. 12. 16:54