분류 전체보기

기타

REST와 RPC의 비교

REST와 RPC 모두 API를 설계하는 방법이다. API는 웹 설계 및 기타 분산 시스템에서 필수적인 요소로서, API를 사용하면 개별 분산 애플리케이션(또는 서비스) A가 상대 애플리케이션(또는 서비스) B의 내부 작동 방식을 몰라도 통신할 수 있다. API는 백엔드에서 프론트엔드와 통신하기 위한 일반적인 메커니즘이기도 하다. 긴밀하게 결합되는 대신 API를 사용하여 웹을 설계하면 코드를 다시 작성하지 않고도 규모를 조정하고 변경할 수 있다. 1. REST(REpresentational State Transfer) ➡️ 원격 서버에서 특정 데이터 작업 수행 무상태성(stateless) - 클라이언트의 컨텍 스트를 서버쪽에 유지하지 않는다. - 각 API 서버는 돌아오는 요청만 메시지로 처리한다. 캐쉬..

Next.js

Next.js 기초 개념 정리

이번 POC를 진행하면서 새롭게 다루게 된 Next.js 프레임워크를 공부한 내용을 정리해보고자 한다. 혼자 공부하고 확인할 용도로 작성한 것이라서 가독성이 좀 떨어질 수 있다...😐 Pre-rendering pages 폴더 안에 기재된 파일 이름 대로(또는 index.ts를 포함한 디렉토리 이름 대로) 자동으로 routing 기능이 적용됨. 예) src/pages/about.ts localhost:3000/about 에서 해당 파일내의 컴포넌트를 출력해줌. 컴포넌트의 이름은 상관이 없다. Home이든 Potato든 ... 컴포넌트는 default로 export 되어야 한다. 만약에 user가 존재하지 않는 url로 요청한다면 next.js가 자체적으로 404 페이지를 보여줌. (CRA는 404페이지 따..

Blockchain

[번역] NFT가 생겨난 이유

NFT는 기존 비트코인 블록체인의 한계를 해결하기 위해 만들어졌습니다. 모든 것은 문제를 해결하기 위해 발명되었습니다. 그리고 NFT는 비트코인 블록체인에서 생성된 토큰의 한계를 해결하기 위해 만들어졌습니다. NFT가 현재의 상태까지 발전하는 데에는 몇 년이 걸렸습니다. 암호화폐(cryptocurrency) 환경에서 디지털 소유권에 대한 연구는 2012년 "컬러드코인(colored coins)"이 출현하면서 시작되었습니다. NFT 이전의 토큰: 컬러드코인 일반적으로 이더리움 블록체인과 연결된 최신의 NFT와 달리, 컬러드코인은 비트코인 블록체인에서 개발되었습니다. 컬러드코인은 NFT와 마찬가지로 디지털 자산과 실물 자산을 모두 표현하는 것을 목표로 했습니다. 그러나 비트코인 블록체인의 한계로 인해 컬러드..

CSS

Sass 기초 가이드

기존에 웹 개발을 할 때는 주로 styled component를 이용해서 CSS를 처리했는데 새롭게 맡게된 poc 업무에서 Sass를 사용하게 되어서 Sass의 기초적인 사항들을 정리해보고자 한다. 1. 문법(syntax) sass의 문법은 SCSS 문법과 들여쓰기 문법 두 가지로 사용할 수 있다. SCSS 문법(.scss)은 CSS의 상위 집합으로 모든 CSS는 SCSS로 사용할 수 있다. 들여쓰기 문법(.sass)는 중괄호{} 대신에 들여쓰기를 사용하여 구문을 중첩하고, 세미콜론; 대신 개행(줄바꿈)으로 각 속성을 구분한다. SCSS 문법이 보다 일반적으로 많이 사용된다. // 📁 style.scss body { font: 100% Helvetica; color: #333; } // 📁 style.s..

Blockchain

[번역] NFT는 무엇인가

대체 불가능한 토큰(NFT)은 고유성을 증명할 수 있는 디지털 자산입니다. 유형 및 무형 자산을 모두 표현하는 데 사용할 수 있습니다. 대체 불가능한 토큰(NFT)이라고 하면 수백만 원에 팔리는 만화 같은 유인원이나 고양이의 이미지가 떠오를 수 있습니다. 하지만 이는 NFT의 표면적인 모습일 뿐입니다. 이 강좌에서 배우게 되겠지만, NFT는 금융, 예술, 상표법, 심지어 부동산 분야에도 혁명을 일으킬 잠재력을 가지고 있습니다. 기본적으로 대체 불가능한 토큰은 특정 조건이 충족되면 일련의 명령을 수행하도록 설계된 코드 조각입니다. 이 코드는 스마트 컨트랙트(smart contract)라고도 합니다. 일반적으로 스마트 컨트랙트의 핵심에는 "이런 일이 발생하면 이렇게 하라(if this happens, th..