전체 글

Blockchain

블록체인 레이어1 ? 레이어 2? 이게 다 무슨 말이야?

어쩌다 제가 블록체인 관련글을 쓰게 되었는지 인생 참 알 수 없네요 ㅎㅎ 일단 이번 글에서는 블록체이 레이어에 대해 알아보려고 합니다.  블록체인에서 레이어란 무엇이냐?!서로 다른 기능을 가진 기술적 구조를 설명하기 위해 사용하는 개념입니다. 블록체인은 여러 레이어들로 나누어져 있고, 각 레이어는 각각 특정한 역할을 수행합니다. 먼저 위 그림으로 보면 4가지 계층으로 나누어져 있는데요,한번 쭉 정리해보고 그중에서 레이어 1과 2를 자세히 알아보려고 합니다.  Layer 0 - 블록체인의 네트워크 인프라입니다. - 브릿지를 모두 고려하여 네트워크 간에 상호 작용 가능한 설계를 가집니다. ex) 아톰, 폴카닷 Layer 1- 블록체인의 기본 네트워크. 즉, 블록체인의 핵심 프로토콜입니다. - 모든 트랜잭션이..

React & Next

반복되는 코드 줄이기

(비록 협업할 사람도 없이 혼자 하는 프로젝트지만) 시간에 쫓겨 와다닥 만든 컴포넌트들 정리하는중.. ㅋㅋ오늘의 타겟은 이 Pagination 컴포넌트 만들때 사용한 select와 button들 입니다. shadcn의 button과 select를 기반으로 만들었습니다.  1. Select- 기존 코드 setSelectedValue(value)} > {selectedValue} 20 50 100  - 수정 후 코드 : 반복되는 SelectItem 부분을 map을 사용하여 정리 setSelectedValue..

Blockchain

트럼프가 대통령이 됐는데 비트코인은 왜 오를까???

연일 최고가를 갱신하고 있는 비트코인. 트럼프가 당선되자마자 계속 오르고 있는데 도대체 비트코인과 트럼프가 무슨 관계이길래 이렇게까지 오르는걸까? 싶은 의문에 직접 찾아보았다.  먼저 그의 과거 재임기간(2017년-2021년)에 암호화폐 시장은 많은 변화를 겪었는데, 어떤 일이 있었는지 알아보자. 트럼프 대통령 재임 기간 동안 암호화폐는 어떻게 변화했을까?1. 암호화폐의 급성장트럼프가 대통령으로 재임하던 2017년, 비트코인이라는 암호화폐는 정말 큰 인기를 끌었다. 2017년 비트코인은 가격이 무려 20,000달러 가까이 올라갔었다! 이렇게 비트코인과 다른 암호화폐들이 큰 주목을 받게 되면서, 많은 사람들이 암호화폐를 투자 대상으로 생각하게 되었다.2. ICO(초기 코인 공개) 열풍암호화폐와 관련된 IC..

ERROR

vercel 배포시 A commit author is required 에러

또 이상한 것에 발목을 잡히신분... 저요  Vercel로 프로젝트를 배포하는데 A commit author is required   에러가 뜨지 뭡니까.아니.. 나라고 커밋작성자 나라고!!!!!!!를 속으로만 외치고(회사니까..) 작성자 정보를 넣어주러 가봅니다...1. Git 사용자 정보 설정먼저, Git에 사용자 이름과 이메일을 설정해줍니다.그럼 Vercel이 배포 시 해당 정보를 참조하여 커밋 작성자 정보를 자동으로 인식합니다.git config --global user.name "Your Name"git config --global user.email "your-email@example.com" 이렇게 설정하면 모든 프로젝트에 대해 동일한 작성자 정보를 사용하게 되는데, 혹시! 특정 프로젝트에만..

React & Next

[Next.js] 파일명 대소문자 변경 후 반영이 안될때

후후..vscode상에서 파일명에 들어간 대소문자를 변경했는데, 해당파일을 import하는 모든 곳에서 변경점을 감지하지못하고 빨간줄을 마구 내뱉을때! 침착하게 캐시를 지우고 의존성 재설치를 합니다.1. node_modules와 lock 파일 삭제하기rm -rf node_modules package-lock.json yarn.lock   2. Next.js 캐시도 삭제rm -rf .next 3. 의존성 다시 설치npm install# 또는yarn install4. 개발 서버 재시작하기npm run dev# 또는yarn dev 로컬은 이렇게 해결이 되는데 연결되어 있는 깃레포에는 또! 반영이 안되는데요~??하시는분들 ㅎ 만능 방법이 있습니다.. 예를들어 nav.tsx를 Nav.tsx로 바꿨을때 이런문제가 ..

React & Next

tailwind.config.ts와 globals.css에 정의한 스타일 우선순위

2024년들어 처음 쓰는 블로그 ㅎ간만에 프로젝트 세팅부터 하는중인데 다까먹어서 되는게 없군요.. 열심히 다 찾아가면서 틈틈히 기록으로 남겨보는것으루..  먼저 각 파일에서 스타일을 정의하는 방법을 알아보자. 1. tailwind.config.ts에서의 스타일 정의tailwind.config.ts 파일은 Tailwind CSS의 기본 설정과 테마를 확장하거나 수정하는 데 사용된다. 여기서는 Tailwind의 기본 색상, 폰트, 간격, 크기 등의 전역적인 디자인 시스템을 정의할 수 있다.주요 목적: Tailwind의 기본 유틸리티 클래스를 확장하거나 덮어쓰기.예시: 색상, 폰트 크기, 간격 등을 전역적으로 수정하고 싶을 때 사용./** @type {import('tailwindcss').Config} */..

ㅇㄱ9
뭔가이게