유통기한 관리_개인프로젝트 (10) 썸네일형 리스트형 자바스크립트 ES6 모듈 내보내기/불러오기 require : NodeJS에서 사용되는 CommonJS 키워드 import: ES6(ES2015)에서 새로 도입된 키워드 불러오기 ES6의 Destructuring 문법 사용 필요한 객체만 선택적으로 전역에서 사용할 수 있으며 또는 모든 객체에 별명을 붙이고 그 별명을 통해서 접근 할 수 있다. import { canadianToUs } from "./currency-functions" import * as currency from "./currency-functions" 내보내기 CommonJS에서는 내보낼 단일 객체를 module.exports 변수에 할당하는 방식을 썼었는데, ES6에서는 그 대신 export default 키워드를 사용해서 명시적으로 선언해줍니다. 하나의 모듈에서 하나의 객체만.. React에서 이벤트 적용하기 1.문제상황 상품 리스트를 조회 한 데이터를 map 함수로 렌더링했다. 이 때 개별 버튼에 onClick 이벤트를 추가했다. 2.에러 메시지 state 변경이 무한으로 발생했다. 3.해결 방법 onClick 이벤트 핸들러 함수가 컴포넌트 렌더링 때도 실행되기에 문제가 되었다. 이처럼 함수를 직접 실행하는 형태로 넣으면 리액트 문법상 렌더링되는 순간 함수가 실행된다. 함수가 실행되면 리렌더링이 진행되기 때문에 다시 함수가 실행된다. 따라서 화살표 함수의 형태로 이벤트 해들러를 연결하는 것이다. onClick={handleClick()}이 아닌 onClick={() => {handleClick()}} 이전 1 2 다음