컴포넌트 랜더링은 본인의 state가 바뀔때, 부모의 리랜더링이 일어날때, 그리고 prop이 일어날 때 reactMemo를 활용해서 DiaryEditor 컴포넌트 최적화 이렇게 저번시간에 사용한 React.memo로 감싸주는 방법도 있지만 아래로 현재 80줄이나 있는 코드를 감싸면 헷갈리기도하고, 보이지도 않는다. 그럴 때 사용할 수 있는 방법 export default React.memo(DiaryEditor); React.memo로 묶인 DiaryEditor를 export 하겠다 라는 뜻이기때문에 아래 export부분을 묶어주는게 훨씬 간단하고 가독성 좋게 사용할 수 있다. useCallback useEffect, useMemo와 비슷해보이는 이건 메모이제이션된 콜백을 반환한다. 두번째 인자로 전달한..

function 함수(매개변수){ let output = 초깃값; 처리내용 return output } 형태를 이용해서 많이 사용 //a부터 b까지 더하는 함수 function sumAll(a, b){ let output = 0; for (let index = a ; index

pom.xml 클릭 후 ​ ​ ​ pom.xml 하단 dependency Hierarchy 클릭 ​ 충돌중인 항목 선택 후 마우스 우측 클릭 ​ Exclude Maven Artifact 클릭 ​ 하고 클린하고 restart 하자 ​ 삭제하면 알아서 pom.xml 디펜던시에서도 지워짐 ​ 그리고 다시 maven 구해서 붙여넣기

예외(exception)? 사용자의 잘못된 조작 또는 개발자의 잘못된 코딩으로 인해 발생하는 프로그램 오류 일반예외(exception) 실행예외(runtime exception) 일반예외 : 컴파일러 체크 예외. 자바 소스를 컴파일 하는 과정에서 예외 처리 모드가 있는지 검사 실행예외 : 컴파일러 넌체크 예외. 실행 시 예측할 수 없이 갑자기 발생하기때문에 컴파일 과정에서 예외처리코드 검사X 일반예외의 조상(Exception) 실행예외의 조상(RuntimeException) 참고:

const getDiaryAnalysis = useMemo(() => { console.log("일기 분석 시작"); const goodCount = data.filter((it) => it.emotion >= 3).length; const badCount = data.length - goodCount; const goodRatio = (goodCount / data.length) * 100; return { goodCount, badCount, goodRatio } }, [data.length]); useMemo 사용 시 빈번하게 발생하는 오류 useMemo로 함수를 감싸고 dependency Array 를 전달 후 함수 최적화 하면 getDiaryAnalysis는 더이상 함수가아니다. 대신 useMe..