react Hooks
React Hook class component에서는 컴포넌트간에 상태로직을 재사용하기 힘들었다. HOOK은 class component의 단점을 보완하면서 LifeCycle 등과 관련된 함수를 재사용이 가능하도록 한다. react 16.8부터 추가됐다. useState, useEffect를 사용하여 상태관리를 한다. 계층의 변화...
리팩토링이란? 리팩토링 원칙에 대하여
리팩토링의 정의 리팩토링[명사] : 소프트웨어의 겉보기 동작은 그대로 유지한 채, 코드를 이해하고 수정하기 쉽도록 내부 구조를 변경하는 기법 리팩토링(하다)[동사] : 소프트웨어의 겉보기 동작은 그대로 유지한 채, 여러 가지 리팩토링 기법을...
next.js에서 정적인 sitemap.xml 생성하기
next.js에서 sitemap.xml 생성하기 이 방법은 static 파일로 추출하기 위한 방법이다. devDependencies에 nextjs-sitemap-generator 추가 npm install --save-dev nextjs-sitemap-generator 최상단 루트에 /next-sitemap-generator.js 생성 const sitemap = require('nextjs-sitemap-generator'); // const fs = require('fs');...
next.js static html export (next export)
next.js에서 static site 만들기 next.js로 만든 코드를 static으로 추출하기위해서는 next export 명령어를 사용한다. next export을 하면 nodejs 서버 없이 독립적으로 실행할 수 있는 정적 html(html, css, js) 파일로 내보낼 수...
react에서의 beforeunload event
react에서의 beforeunload event 이전 게시글에서 언급했던 것처럼 react에서 beforeunload event가 잘 작동되지 않는 경우가 있습니다. react에서 beforeunload event 사용시 브라우저 닫기와 컴포넌트 안에서의 페이지 이동은 감지해내지만 다른 컴포넌트를 사용한 페이지...