꾸준한프로그래밍

먼저, 전체 코드를 보여드리면 App.js와 AutoHeight.js 는 이렇다. App.js import { useRef } from "react"; import AutoHeight from "./AutoHeight"; function App() { return ( ); } export default App; AutoHeight.js import React, { useState, useRef } from "react"; function AutoHeight(props) { const inputTag = useRef(null); const longerTextArea = (event, tag) => { if (event.keyCode === 13 || 8) { tag.current.style.height =..

react에서 map함수로 렌더링을 할때 간혹 리스트 내에 undefined가 있어서 에러가 뜨는 경우가 있다. 이때, undefined를 제거하는 방법은 filter를 이용해주면 된다. let example = [30, 21, undefined, 15, undefined]; let result = example.filter(item => item); // let result = example.filter((item) => { return item !== undefined ;}); 를 축약해서 // 위와 같이 한줄로 쓸 수 있다. // item 에는 각각 30, 21, undefined, 15, undefined라는 정보가 차례로 담기며, 그 item이 undefined가 // 아닐때만 return해달라..