profile
A new challenger has appeared!
태그 목록
전체보기 (129)자바스크립트(25)리액트(23)블록체인(15)OS(11)운영체제(11)네트워크(9)CSS(7)이더리움(7)서버(7)API(6)알고리즘(6)데이터베이스(6)NFT(5)React(5)클레이튼(5)hook(5)redux(4)토큰(4)토이 프로젝트(4)스마트 컨트랙트(3)sql(3)인증(3)aws(3)html(3)리눅스(3)cli(3)보안(3)c언어(3)ip(3)node.js(3)http(3)express(3)git(2)styled component(2)파이썬(2)KIP-17(2)클라이언트(2)프로세스(2)ERC-20(2)노드(2)redux thunk(2)다크 모드(2)솔리디티(2)배포(2)도메인(2)리덕스(2)스프링부트(2)우분투(2)JavaScript(2)웹서버(2)라우터(2)react-query(2)State(2)함수(2)styled components(2)프로젝트(2)프록시 서버(2)메모리(1)ORM(1)link(1)osi 7 layers(1)웹페이지(1)npm(1)querySelector(1)FT(1)합의 알고리즘(1)Layered(1)프레임워크(1)채굴(1)for loop(1)useHistory(1)CRUD(1)spa(1)rds(1)백틱(1)DNS(1)상태(1)createAsyncThunk(1)동기화(1)백앤드(1)queue(1)nosql(1)VC(1)S3(1)DPoS(1)process(1)createSlice(1)navlink(1)세션(1)쿠키(1)코딩테스트(1)Packet switching(1)nat(1)컴포넌트(1)브라우저(1)ERC-721(1)MBTI(1)callback(1)pow(1)cdd(1)정적 웹사이트(1)프록시 캐시(1)arguments(1)코인(1)MVC(1)프론트엔드(1)글로벌 스타일(1)클린 코드(1)Interrupt(1)클라우드(1)Java(1)dotenv(1)PBFT(1)await(1)배열 비교(1)useEffect(1)Microkernel(1)ajax(1)조합(1)EVM(1)환경변수(1)oauth2(1)IPFS(1)gradle(1)js(1)package.json(1)async(1)비동기(1)Controller(1)월렛(1)branch(1)객체 비교(1)포인터(1)model(1)Flex(1)http 헤더(1)DApp(1)pagination(1)숫자(1)고차함수(1)비트코인(1)타입스크립트(1)createRoot(1)ESLint(1)오픈씨(1)해싱(1)tcp(1)KAS(1)ide(1)eval(1)SFT(1)index.js(1)문자열(1)classList(1)ec2(1)UDP(1)grid(1)https(1)REST API(1)JWT(1)json(1)redux-toolkit(1)docker(1)클로저(1)fragment(1)Caver(1)캐시(1)Cloud Computing(1)프로세스 스케쥴링(1)open API(1)빌드(1)circuit switching(1)KIP-7(1)소셜로그인(1)eslintConfig(1)BFS(1)시스템콜(1)ACID(1)암호화폐(1)메소드(1)useMemo(1)useRef(1)ReactDOM.render(1)사용권한(1)일급객체(1)가비지 컬렉션(1)pseudo class(1)메서드(1)타이머(1)DOM(1)history(1)S-dot(1)탐색(1)SSI(1)GC(1)useMutation(1)Props(1)useCallback(1)shift(1)Context API(1)코딩 테스트(1)cpu(1)PoS(1)뒤로가기(1)split()(1)did(1)지갑(1)DHCP(1)DFS(1)@Deprecated(1)정규표현식(1)usequery(1)배열(1)cors(1)transport layer(1)Fetch(1)mui(1)깊은 복사(1)web3.js(1)Kaikas(1)promise(1)function(1)커스텀 훅(1)configureStore(1)공유기(1)동기(1)오라클 문제(1)truffle(1)

웹 캐시 (WEB Cache) 정리

클라이언트 앱이 서버에 요청을 보낼 때, 이미 가지고 있는 용량이 큰 데이터(이미지 등)를 다시 내려 받아야 하면 대단히 비효율적일 것이다. 이때, 캐시를 사용하여 효율적으로 서버와 통신할 수 있다.

약 23시간 전
·
0개의 댓글

코드 깔끔하게 작성하기 (리액트, Styled-Components)

자신이 짠 코드라도, 시간이 지난 뒤에 보면 이게 무슨 코드지? 하는 생각이 들 때가 있다. 하물며, 다른 사람이 내 코드를 보는 것은 어떨까? 그렇기에, 최대한 깔끔한 코드와 프로젝트를 위해서 내가 알아낸 방법을 남기고자 한다.

5일 전
·
0개의 댓글

Redux를 이용한 React 다크 모드 기능 (with. styled-components)

styled-components를 사용하면서, createGlobalStyle를 사용하게 되었는데, 문득 이를 사용하면 손쉽게 다크 모드를 설정할 수 있지 않을까 하는 생각이 들어서 직접 다크 모드를 구현해 보았다.

2022년 5월 20일
·
0개의 댓글

리액트 커스텀 훅 사용해보기

간단하게 리액트 커스텀 훅을 사용해보기로 하였다.

2022년 5월 15일
·
0개의 댓글

Kaikas의 내장 caver 객체 사용하기

React 환경에서 caver-js를 설치하고 컴파일하면, 에러가 발생한다.

2022년 5월 14일
·
0개의 댓글

React Query에서 Post, Delete, Patch/Put (useMutation hook 사용하기)

react query에서 단순한 조회, get 요청을 보내기 위해서는 useQuery를 사용한다. 반면, 데이터의 수정이 일어나는 Post, Delete, Patch(Put) 요청을 위해서는 useMutation을 사용해야 한다.

2022년 5월 9일
·
0개의 댓글

ESLint 설정하기 (no-eval)

리액트 프로젝트에서 eval을 사용해보려고 하니, ESLint에서 no-eval 경고 메세지를 띄웠다.

2022년 5월 8일
·
0개의 댓글
post-thumbnail

redux와 Redux Toolkit (rtk)

Redux Toolkit을 사용하여 redux를 쓰는 방법을 간단하게 알아보았다.

2022년 5월 7일
·
0개의 댓글

TypeScript 시작하기

C언어나 자바를 사용했었던 나에게 파이썬이나 자바스크립트는 어색한 부분이 있었다.

2022년 5월 3일
·
0개의 댓글

BLOCKCHAINER - 토큰 보상 커뮤니티 웹 사이트

토큰 보상 기반 커뮤니티 웹 사이트를 개발하였다.

2022년 5월 2일
·
0개의 댓글

React Query를 통한 실시간 서버 통신 (useQuery)

React Query를 사용하는 법을 간단히 알아보고, React Query를 통해서 서버의 최신 데이터를 실시간으로 받아오는 코드를 작성해보았다.

2022년 5월 1일
·
0개의 댓글

useCallback과 useMemo 사용하기

랜더링의 최적화를 위해서 사용되는 useCallback은 이미 랜더링되었던 동일한 함수라면, 다시 함수가 선언되지 않는다.

2022년 4월 26일
·
0개의 댓글

자바스크립트 split 사용 (정규표현식)

자바스크립트에서는 문자열을 나누어 배열로 저장하기 위해서 split을 사용할 수 있다.

2022년 4월 23일
·
0개의 댓글

NFT 마켓플레이스 프로젝트 BelugaSea

NFT 마켓플레이스는 사용자가 NFT를 직접 만들고, 생성한 NFT를 확인하고, NFT를 다른 지갑으로 거래, 전송할 수 있는 플랫폼이다.

2022년 4월 18일
·
0개의 댓글

자바스크립트 순열과 조합 알고리즘

자바스크립트의 순열과 조합 알고리즘을 공부했다.

2022년 4월 16일
·
0개의 댓글

Pagination 적용하기 (mui 사용)

많은 데이터를 보여줘야 할 때, 가독성을 위해서 페이지를 나눠야할 필요가 있을 수 있다.

2022년 4월 11일
·
0개의 댓글
post-thumbnail

클레이튼 네트워크에서 NFT 개발 (Truffle)

Truffle을 사용하여 KIP-17를 배포한다. Truffle은 이더리움 기반 dApp 개발을 돕는 블록체인 프레임워크이다.

2022년 4월 6일
·
0개의 댓글

ERC-20에서 재사용 가능한 형태의 Lock 함수

ERC-20 토큰에서 token transfer에 대한 Lock을 설정할 수 있다.

2022년 4월 6일
·
0개의 댓글

KAS(Klaytn API Service)란?

KAS는 클레이튼 블록체인 네트워크를 API로 제공하는 서비스이다. KAS를 통해서 클레이튼 네트워크 참여 및 상호작용 과정을 REST API로 실행할 수 있다.

2022년 4월 5일
·
0개의 댓글

React 18에서 ReactDOM.render와 createRoot

리액트 버전 18에 와서 평소처럼 npm run start를 했는데, 처음 보는 에러 메세지가 콘솔창에 나타났다.

2022년 4월 4일
·
0개의 댓글