목록2024/04/10 (2)
쌩로그
목록 포스팅 개요 본론 2-1. 자바스크립트 배열의 map() 함수 2-2. 데이터 배열을 컴포넌트 배열로 변환하기 2-3. key 2-4. 응용 요약 1. 포스팅 개요 해당 포스팅은 리액트를 다루는 기술의 06장 컴포넌트 반복 을 학습하며 정리한 포스팅이다. 2. 본론 웹 애플리케이션을 만들다 보면 다음과 같이 반복되는 코드를 작성할 때가 있다. import React from "react"; const IteratorSampleOfSample = () => { return ( 눈사람 얼음 눈 바람 ); }; export default IteratorSampleOfSample; 코드에서 다음 형태가 계속 반복되는 것을 볼 수 있다. ... 만약 코드가 좀 더 복잡하다면, 코드양이 늘어날 것이며, 파일 ..
목록 포스팅 개요 본론 2-1. ref는 어떤 상황에서 사용해야 할까? 2-2. ref 사용 2-3. 컴포넌트에 ref 달기 요약 1. 포스팅 개요 해당 포스팅은 리액트를 다루는 기술의 05장 ref: DOM에 이름 달기 을 학습하며 정리한 포스팅이다. 2. 본론 일반 HTML에서 DOM 요소에 이름을 달 때는 id를 사용한다. 특정 DOM 요소에 어떤 작업을 해야할 때 이렇게 요소에 id를 달면 CSS에서 특정 id에 특정 스타일을 적용하거나 자바스크립트에서 해당 id를 가지 요소를 찾아서 작업할 수 있다. src/index.js 파일 중에는 id가 root인 요소에 리액트 컴포넌트를 렌더링하라는 코드가 있다. const root = ReactDOM.createRoot(document.getElemen..