sct-dev Tag Posts Index

DSRV 웹3 빌더스 썸머하우스 행사 개최

DSRV 에서 웹3 관련 행사를 진행하네요. 이름하여.. "웹3 빌더스 썸머하우스"!! 서울에 거주중이라면.. 바로 참여를 해볼 것 같기는 한데... ㅠㅠ 거리가 있다보니 참여가 쉽지 않은 상황이기는 하네요..!! 그래도 한번 좀 살펴보고 도움이 될 수도 있다 싶으면 참석도

The Graph 기초

The Graph The Graph는 이더리움이나 IPFS 같은 네트워크의 데이터에 유저(개발자)들이 쉽게 접근 할 수 있도록 데이터들을 Indexing하는 Protocol입니다. 누구나 API를 구축하고 퍼블리싱 할 수 있는데 이 것을 Subgraph라고 부르는데, 구축된 Subgraph는

Steemit Main API get_account_history limit 제한

최근 Steemit이 작동안하거나 문제가 있는 경우가 있었는데, 그 중 getAccountHistory API 부하 때문에 영향을 미친부분도 많았다고 합니다. 그래서 오늘(2022-07-06)부로 기존 최대 1만건 호출 가능한 부분을 최대 100건까지만 호출 할 수 있도록

[Javascript] Private class fields

저는 종종 공부하다가 모르는 부분이 나오면 바로 궁금증을 해결하는 타입이다보니.. JS를 조금 쓸 일이 있었는데 모르는 부분이 나와서 정리 해봅니다. 생각보다 JS 이거 자주 바뀌는군요..!! 평소에 자주 쓰는 스타일은 아니긴 한데 class의 private fields 에 관한 내용입니다.

[Clean Code] DRY KISS YAGNI

프로그램개발을 할 때 종종 사용 되는 3가지 원칙 DRY, KISS, YAGNI 소개해봅니다. 1. DRY(Don't Repeat Yourself) 같은 일을 두번하지 않는 다는 의미로 기능이 중복되는 것들은 하나의 함수나 컴포넌트화 해서 사용해야 한다는 의미입니다. 이런 일은 자기 혼자

Javascript 가끔 헷갈리는 부분 정리

평소에 잘 사용하지 않던 문법이었는데, 가끔 헷갈려서 다시 정리 해봅니다. ? 변수명의 우측에 붙여서 사용하고, 해당 변수가 undefined인 경우 그 변수에 추가 함수를 호출하더라도 undefined를 출력합니다. ?? 좌측에 값이 없는 경우 우측의 값을 사용하는 문법 기존에는 개인적으로

[PyScript] HTML에 파이썬 소스를 쓴다?

오호 HTML에 파이썬으로 코딩이 가능해지는 마법이 부려지고 있습니다. 처음에 글을 봤을 때에는 음... python 코드를 javascript로 변환하는 것이겠지? 생각을 했었는데 말이지요.. 웬걸? 실제 파이썬 코드를 Web Assembly를 이용하여 브라우져가 인식 할 수 있는 방법으로

TailwindCss 화면 전체 잘 활용하기

최근 프로젝트를 하면서 웹사이트 디자인을 모두다 TailwindCss를 활용하여 개발하고 있습니다. 에전에는 만들어진 컴포넌트들을 정해진 용법에 의해서 쓰는 방식(대표적으로 Bootstrap)를 많이 사용했었는데, 그것도 가끔 커스터마이징이 쉽지 않아 제 마음대로 세세한 커스터마이징 까지

Steem Keychain NFT 확인 기능 추가

스팀키체인에 NFT 확인 기능을 추가하고 있습니다. 일단 메뉴 추가 하고, 확인 페이지까지 추가를 했구요.! 전송기능은 다음 버전에 배포를 해야 할 것 같습니다. 좀 생각해봐야 할 것들이 있어서요..!! 이런식으로 표시가 될 것이구요. 특성이랑 보는 것도 아직은 별도로 없고, 나의 NFT가

NestJS Middleware 구현

스팀펑크의 완판의 기쁨을 뒤로하고, 또 개발에 매진을 해봅니다.!! 만들어야 할 것들이 산더미라서요...!! ㅎㅎ 가봅니다! Nestjs에서 Middleward란 Express의 Middleware와 동일하게 작동하는데요, httprequest가 서버로 전송되면, Middleware에서

RUST STUDY - 2(프로젝트 생성 및 폴더 구조)

2일차!! 프로젝트 생성 및 폴더 구조 기초내용 러스트 파일의 확장자는 rs 를 사용한다. 파일명에 여러단어를 쓰는 경우 _(언더스코어)를 사용한다. fn main() 함수는 가장 먼저 실행되는 코드입니다. Compile rustc 명령어를 사용하여 rs파일을 컴파일 할 수 있습니다. 컴파일이

RUST Study - 1(설치)

RUST 공부를 시작해봅니다.!! RUST는 C, C++ 수준의 나름 저수준 언어가 할 수 있는 일들을 할 수 있으면서 함수형 언어로 개발이 가능하다는 특징이 있습니다. 그리고 컴파일 단계에서 일어날 수 있는 대부분의 에러를 잡아주어 안정적이고, 속도 측면에서도 C, C++에 뒤쳐지지 않는다고

NestJS + Sequelize-typescript 연동 - Multi DB인 경우

어제에 이어 오늘은 Multi DB인 경우에 대해서 알아봅니다. database.provider.ts import { Sequelize } from 'sequelize-typescript'; import { Cat } from '../cats/cat.entity'; export const

NestJS + GraphQL + Sequelize-typescript 연동 - 단일 DB인 경우

이번에는 BackEnd 내용입니다.. 현재 프로젝트에 NestJS + Sequelize 을 연동하면서 Multi DB 커넥트가 되도록 구성중입니다. 강력한 Bacnend 하나를 만들어서, 왠만한 기능들을 다 돌아가도록 만들고 싶어서 Multi로 DB를 활용해야 하는 경우가 생기네요. 오늘은

SteemKeychain 게시 거절 ㅠㅠ

검토 대기중이던 SteemKeychain이 위와 같은 사유로 거절이 되었습니다.. 계정생성 기능을 넣어서 그런지, 개인정보처리방침 링크를 추가하라고하네요. 그래서 또 개인정보수집 관련 문서를 어떻게 만드는지 확인하고 아래와 같이 링크에 추가를 했습니다. 제대로 작성을 했는지는 모르겠는데,

SteemKeychain 업데이트 One more thing(무료 계정생성)

오랜만에 SteemKeychain을 업데이트 하면서, 평소에 좀 필요 했었던 기능으로 생각되던.. 계정생성 기능을 추가 했습니다. 너무 많이 계정을 마구 생성하면 되지 않기 때문에, Steem Keychain을 처음 설치하시는 분들을 대상으로, 계정이 하나도 없는 경우에만 생성을 할 수

[Prisma] NodeJS Typescript ORM - 1 설치

새로운 프로그램에 대해서 또 공부해봅니다. 이번에는 Prisma 라는 것인데요, Nodejs에서 사용 할 수 있는 Typescript ORM 입니다. 설치 방법부터 사용법에 대해서 공부 고고!! 장점 GraphQL 데이터모델을 작성하면, 어느 언어와 DBMS든 모두 적용 가능하게 된다.

Nextjs 환경변수 사용법

여느 프로그래밍언어와 마찬가지로 NextJS에도 환경변수 설정 기능이 있습니다. 한번 알아봅쉬다..!! .env.local 기본 값을 정의합니다. 여기에 정의된 값들은 process.env로 호출 가능합니다. // example // .env.local DB_HOST=localhost

[Tailwindcss] 자주 사용 되는 종류 몇가지

Tailwindcss 에서 자주 사용되는 패턴들이 있어서 해당 부분은 좀 정리를 해보려고 합니다. Tailwindcss의 경우 className의 길이가 엄청나게 길어지는 경우가 많기 때문에, 자주 사용되고, 주로 세트로 같이 다니는 className들은 따로 정리를 해두고 다니는 것도

NextJS Tailwindcss 구조에 Google Font 설정

프로젝트를 만들다보면 다양한 폰트가 필요한 경우가 있습니다. 저는 주로 Google Fonts 를 사용하는데요, 무료이기도 하고 제공하는 폰트가 워낙 많아 아주 유용하게 사용되곤 합니다. 이 폰트를 NextJS, Tailwindcss, Typescript 개발환경에 설정하는 방법에 대해서