State HooksState 를 사용하면 컴포넌트가 사용자 입력과 같은 정보를 "기억" 할 수 있습니다. 예를 들어 , form 컴포넌트는 state를 사용하여 입력 값을 저장하고 , 이미지 갤러리 컴포넌트는 state를 사용하여 선택한 이미지의 인덱스를 저장할 수 있습니다.function ImageGallery() {⁠ const [index, setIndex] = useState(0); ⁠ // ...   ⁠Context Hookscontext 를 사용하면 컴포넌트가 prop으로 전달하지 않고 멀리 떨어진 부모로부터 정보를 받을 수 있습니다. 예를 들어 , 앱의 최상위 컴포넌트는 아무리 깊이 있떠라도 현재 UI 테마를 아래의 모든 컴포넌트에 전달할 수 있습니다.function Button() ..

❗️에러메모❗️ 엥 ...? 잘되다가 갑자기 서버 껐다가 켰는데 다음과 같은 에러가 난다... ready - started server on 0.0.0.0:3000, url: http://localhost:3000[Error: UNKNOWN: unknown error, readlink 'C:\...\seo-site\.next\server\pages\index.js'] { errno: -4094, code: 'UNKNOWN', syscall: 'readlink', path: 'C:\\...\\seo-site\\.next\\server\\pages\\index.js'}...?? 문제상황1.캐시를 지워야할 상황이 생겨서 크롬 브라우저 캐시를 지움.2.그런다음 서버 껐다 다시 킴.3.위 같은 에러가 뜸...

블로그를 만들던 중에 , hygraph 에서 내가만든 컨텐츠 내용을 가져오는 부분이 있었는데 , hygraph에서 제공해주는 api를 통해서 content 내역을 string 가져와 그대로 뿌려주다 보니 , string 으로 된 html을 우리가 알고있는 html 형태로 바꿔줘야 하는 문제가 생겼다.그러다가 알게된 dangerouslySetInnerHTML .. ! 어마어마한 녀석을 알게되었다. dangerouslySetInnerHTML 은 무엇인가 ?-> 브라우저 DOM에서 innerHTML을 사용하기 위한 React의 대체 방법 사용방법function createMarkup() { return {__html: 'First · Second'};} 적용예제export default func..