esllog

Written by@[esllo]

plain developer

Data Fetching

Data Fetching Next.js 에서는 어플리케이션의 사용법에 따라 다양한 방식의 데이터 수집 방법을 이용할 수 있다. 데이터를 가져오는 방법으로는 크게 아래 5가지 방법이 있다. SSR (Server-side rendering) - getServerSideProps SSG (Static-site generation) - getStaticProps…

CJS, ESM

CJS, ESM CJS CJS는 CommonJS 로 Node.js에서 모듈 시스템으로 사용된다. 동기적으로 모듈을 불러오며, 와 를 사용한다. ServerJS 라는 이름에서 시작된 만큼 서버사이드를 목적으로 하고 있다. 는 어디에서든 호출 가능하여 유연한 모듈 로드를 지원한다. ESM ESM 은 ES Modules 로 자바스크립트가 ES6 부터 자체…

API Routes

API Routes next에서는 자체적으로 API를 빌드할 수 있다. 에 있는 파일들은 페이지가 아닌, api로 동작하며 의 주소로 매핑 된다. 폴더 안에 있는 파일들은 서버사이드에서만 사용되며 클라이언트 번들의 사이즈는 늘리지 않는다. API 사용하기 API 는 default export된 와 를 받는 함수로 이루어져 있다. 는 에 가 추가된 값이며…

프로토타입

프로토타입 JS는 기존 객체를 복사하여 새로운 객체를 사용하는 프로토타입 기반의 언어다. 프로토타입은 객체의 원형을 뜻하며 생성된 객체도 다른 객체의 원형이 될 수 있다. 프로토타입 기반 언어 JS는 객체를 상속하기 위해 프로토타입이라는 방식을 사용한다. 다른 객체로부터 메소드나 속성을 상속 받기 위해 프로토타입 객체를 가진다. 프로토타입 객체 역시 다른…

동등 비교 연산의 안티 패턴

동등 비교 연산의 안티 패턴 자바스크립트 Deep Dive 책을 읽던 중 아래 내용을 만났다. 책에서는 안티 패턴이므로 이해하려 하지 않아도 된다고 한다. 하지만 내가 이 책을 읽게 된 계기는 자바스크립트의 기초가 부족하다고 생각했고, 남에게 설명할 수 없다고 판단했기 때문이다. 따라서 왜 그런지 알고 넘어가야겠다. 내 추측 문자열 ‘0’과 숫자 0과의 …

Promise와 async/await

Promise와 async/await JS 같은 함수를 통해 비동기 처리를 할 수 있다. 비동기 함수가 실행 된 이후를 보장하기 위해 을 사용한다. 위처럼 함수로 완료 이후의 실행을 보장할 수 있다. 하지만 그런 비동기 작업이 연속적으로 이어져야 하는 경우 다음과 같은 콜백 지옥을 만날 수 있다. 위의 방법을 해결하는 여러 방법 중 한가지가 Pr…

git commit gpg verified 적용

git commit gpg verified 적용 일단 gpg가 필요 https://gpg4win.org/download.html windows에선 gpg4win 설치 linux계열은 필요없음 github > settings > SSH and GPG keys GPG keys 에서 New GPG keys 클릭 적절히 Title 적고 key에 붙여넣기 git …

centos ZLIB 1.2.9 설치

libstdc++.so.6 에서 CXXXABI 1.3.8 오류

centos 에서 electron 프로그램을 실행하려는데 libstdc++.so.6 에서 CXXABI 1.3.8이 없다는 오류 발생 호출로 확인해보니 위처럼 1.3.8을 지원하지 않음을 알 수 있음. gcc 버전을 8.3 이후로 configure / make / make install 하고 난 후 새로운 libstdc++.so.6을 링크하면 해결

Rust 정리

Rust 정리 naming convention snake_case used struct define classic struct tuple struct display, debug printing print with print with compare enum display enum as debug value declare array declare with…