NaN NaN은 Not a Number의 약자로, 숫자가 아니라는 의미이다. 숫자로 변환할 수 없는 값을 변환하려고 할 때나 결과가 숫자가 아니면 NaN을 반환한다. NaN 사용하기 let str = "123"; typeof(str) // string let num = Number(str) // 123 typeof(num) // number Number("abc") // NaN 먼저 NaN을 사용하는 방법을 알아보겠다. 문자열로 감싸진 123의 경우, 숫자로 변환 가능하다. 하지만 abc는 숫자로 변환할 수 없는 값이기에 NaN이라는 결과가 반환된다. NaN === NaN NaN === NaN // false Number("abc") === NaN // false NaN !== NaN // true Na..

인코딩 / 디코딩 인코딩 (encoding) 사람이 읽을 수 있는 데이터를 컴퓨터가 읽을 수 있는 부호로 변환 디코딩 (decoding) 컴퓨터가 읽을 수 있는 데이터를 사람이 읽을 수 있도록 변환 Charset (문자셋) 아스키코드 가장 처음 생성된 문자셋 128개의 문자 조합을 제공하는 7비트 부호 한글은 지원하지 않음 유니코드 기존에 아스키코드에서 담을 수 없는 문자를 정의하기 위해 탄생 2byte 한글도 가능 UTF-8 가변 길이 유니코드 인코딩 시스템 메모리 낭비 방지 영어권: 0 ~ 127 사이의 코드 포인트들은 1byte로 저장 (기존의 유니코드는 2byte로 저장함) 이 외: 128 이상은 모두 2byte or 3byte로 저장 (한글은 3byte) 메타 태그 사용 는 meta 태그의 ch..

NextJS에서 환경변수(env)는 서버에서만 참조할 수 있다. 서버와 브라우저에서 모두 환경변수를 사용하기 위해서는 prefix가 필요하다. Prefix prefix는 사용할 환경변수명 앞에 NEXT\_PUBLIC\_ 을 붙여준다. NEXT_PUBLIC_ 이란? Next.js 에는 두 가지가 있다. 1. React 컴포넌트를 사용해 빌드된 후 클라이언트에게 보이는 UI 부분과 2. Next.js 애플리케이션으로 서버에서 실행되는 부분이다. 후자의 경우, /pages/api : 라우팅 getServerSideProps(): 서버사이드 props 가져올 때 getStaticProps(): 빌드시 한 번만 props 가져올 때 3가지의 케이스가 있다. 클라이언트에 직접 전송되지 않기에 결제 정보와 같은 민감..

OG (Open Graph)란? 웹 사이트를 공유할 때 보통 URL을 사용한다. 이때 미리 보기 화면으로 노출되는 부분은 오픈 그래프 태그로 마크업 한다. 페이스북에서 만든 프로토콜로 항상 같은 메타 정보를 표시하도록 한다. 예를 들면 네이버 또는 카카오톡 등에서 링크를 공유할 때, og 태그에 작성된 정보로 노출된다. 많은 사람들을 서비스로 유입시킬 수 있도록 open graph 태그를 작성하는 것은 중요하다! https://ogp.me/ Open Graph protocol The Open Graph protocol enables any web page to become a rich object in a social graph. ogp.me 태그 작성 방법 이 외에도 Open Graph 사이트에 들어가..