Symbol 원시 값을 반환하는 내장 객체이며 , 객체에 속성을 추가할 경우 혹은 고유한 키를 부여하여 다른 코드와 충돌하지 않게 하기 위하여 사용됩니다.심볼 생성시 고유한 Symbol 생성 const sym1 = Symbol();const sym2 = Symbol("bug");const sym3 = Symbol("bug");위 코드는 세개의 심볼을 생성하지만 , 심볼 호출 시 새로운 심볼을 생성합니다. Symbol("bug") === Symbol("bug"); // false그러므로 위 코드와 같이 엄격한 비교 연산자로 비교시 "false"의 결과값을 리턴하는 것을 확인할 수 있습니다. const sym = new Symbol(); // TypeError또한 , 새로운 심볼 값을 만들때 명시적으로 래퍼..

부모 : Home() 자식 : HeaderBar() 현재 상황 Home() 함수는 동기로 api 통신을 하여 데이터를 받아온뒤 posts ( object type ) 에 저장을 하고 , props로 {posts}를 받고 있는 형태이며 , 받은 데이터를 return 을 통해 화면에 카드 리스트 형태로 출력되는 상황 기존화면에서 검색 필터 기능이 필요하여 작업하다가 (1) 부모 컴포넌트에서 자식 컴포넌트로 데이터 전달 (2) 자식 컴포넌트에서 부모 컴포넌트로 데이터 전달 (1) + (2) 가 동시에 발생해야 하는 상황이 발생... 그러다가 자식 컴포넌트 props 로 함수 자체를 넘길수 있다는 것을 알게되었다..!! @@@@  export default function Home({posts}) { cons..

❗️에러메모❗️ 엥 ...? 잘되다가 갑자기 서버 껐다가 켰는데 다음과 같은 에러가 난다... 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..