Dev Diary 💻

이 글은 udemy의 React 완벽 가이드 with Redux, Next.js, TypeScript 강좌를 바탕으로 정리한 내용입니다. 67. 모듈 소개 Outputting Dynamic Lists Of Content Rendering Contend Under Certain Conditions 68. 데이터와 렌더링 목록 JSX 코드에서 map 함수를 사용하여 동적인 구문을 실행해보도록 하자. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map return ( {props.items.map((expense) => ( ))} {/* */} ); 69. State 저장 목록 사용 초기 expenses ..

이 글은 udemy의 React 완벽 가이드 with Redux, Next.js, TypeScript 강좌를 바탕으로 정리한 내용입니다. 48. 모듈 소개 User Interaction & State, Making Apps Interactive & Reactive Handking Events Updating the UI & Working with "State" A Closer Look At Components & State 49. 이벤트 리스닝 및 이벤트 핸들러 수행하기 how to add an event listner to a React element {console.log("Clicked!!")}}>Change Title ()를 제외하고 clickHandler 를 넣어줘야 한다. 만약 ()를 함께 명..