목록2025/04 (8)

체인의정석

Go) JWT 발급 및 인증 로직 (백엔드)

서명 로직 이후에 지갑 서명이 확인되면 해당 지갑의 role을 읽어와서 JWT를 발급해주는 구조지갑 서명이라는 검증 로직이 있기 때문에 Refresh Token은 생략*핵심 로직만 함수화 시켰으며, 함수명 및 변수들은 모두 임의로 지정기능구현JWT 발급 함수 (발급 해주고 리턴)import ( "github.com/golang-jwt/jwt/v5" "time")func GenerateJWT(secret string, userID string, role string, issuer string) (string, error) { claims := jwt.MapClaims{ "user_id": userID, // 사용자 식별자 "role": role, ..
개발/backend(go) 2025. 4. 10. 15:57
Go 언어로 메타 마스크 로그인 로직, Signature 검증 (백엔드)

Go-ethereum 모듈 설치서명 검증 로직에서는 고 이더리움 모듈이 필요한다. 안정적인 버전을 설치하지 않으면 다음 에러가 발생한다. go get github.com/ethereum/go-ethereum@latestgo: downloading github.com/ethereum/go-ethereum v1.15.7go: github.com/ethereum/go-ethereum@latest: github.com/ethereum/go-ethereum@v1.15.7: verifying module: checksum mismatch downloaded: h1:MnmJgaVD1LcBd4m6WJnMpLWhl5t5v4yI6zMBwvNv+ic= sum.golang.org: h1:vm1XXru..
개발/backend(go) 2025. 4. 9. 17:01
MongoDB+Go 에서의 Cursor를 활용한 다중 데이터 조회 (select all)

MongoDB와 Go를 사용하여서 데이터를 조회할 때는Mongo driver를 사용하면된다.https://github.com/mongodb/mongo-go-driver GitHub - mongodb/mongo-go-driver: The Official Golang driver for MongoDBThe Official Golang driver for MongoDB. Contribute to mongodb/mongo-go-driver development by creating an account on GitHub.github.com이 중 cursor에 대해서 사용해보았다.먼저 위의 공식 문서 상 cursor는 다음과 같이 사용할 수 있게 되어있다. 커서의 경우 스트림 형태로 DB의 접근 1번만 통해서 계속..
개발/backend(go) 2025. 4. 8. 15:33
Go Swagger, 패키지 관리, hash 함수

Go-Swagger 사용법설치 go get -u github.com/go-swagger/go-swagger/cmd/swagger주석달기 (쳇지피티 시키면 잘달아줌)// CreateUserInfo// @Summary Create new user info// @Description 새 사용자 정보를 DB에 저장합니다.// @Tags account// @Accept json// @Produce json// @Param body body protocol.CreateUserRequest true "사용자 정보"// @Success 200 {object} protocol.RespHeader// @Failure 500 {object} protocol.RespHeader// @Router /v1/users/info..
개발/backend(go) 2025. 4. 8. 11:00
Go 프로젝트 시작시 세팅해야할 것들 (git 코드 위치, Go land 기본설정, private 모듈, go 버전 변경)

1. git clone을 해오는 경로go 의 경우 git clone을 해오는 경로가 일반적인 경우와 다르다 go 언어가 설치된 경로의 하위에 src, bin, pkg 가 있는 경로 하위에 있어야 인식이 된다./Users/chohyunki/go/src이런식으로 src기준 하위에 자기만의 분류 기준으로 디렉토리를 만들어서 관리하면 된다.* Go 1.11 이후 `go mod` 기반 프로젝트에서는 반드시 GOPATH 하위가 아니어도 동작하지만, 여전히 전통적인 GOPATH 디렉토리 구조 (`~/go/src/`)를 따르는 경우가 많습니다.2. 외부 깃허브 모듈 중 private한 경로가 있는 경우private한 경로가 있을 경우 ssh키 인증이 필요하다.따라서 깃허브에다가 ssh 공개키를 등록을 먼저 해 둔 후에..
개발/backend(go) 2025. 4. 4. 12:08
React + Next.js 에서 블록체인 지갑 기반 로그인 시스템 만들기 (프론트엔드)

이전 게시글https://it-timehacker.tistory.com/537 [React+Next+typescript+rainbow wallet] 관리자 페이지 만들고 rainbow wallet 붙이기 (블록체인 앱 관리자 페이1. 관리자 페이지 기본 템플릿다운로드 순서1. 템플릿https://tailadmin.com/download Download Free Tailwind Admin Template - TailAdminDownload TailAdmin Now Select your preferred option below to start Download and Kickstart your journey.tait-timehacker.tistory.com위의 게시글을 통해 기본 설치를 한 후메타마스크를 이용..
개발/frontend 2025. 4. 3. 14:55
Next.js "Use client" 사용법

✅ "use client"란?"use client"는 Next.js 13 이상에서 도입된 새로운 지시어로,그 파일(또는 컴포넌트)이 **클라이언트 컴포넌트(Client Component)**임을 명시하는 선언입니다.🔍 왜 생겼을까?Next.js 13부터는 app/ 디렉터리에서 기본적으로 모든 컴포넌트가 **서버 컴포넌트(Server Component)**로 간주됩니다.서버 컴포넌트는 HTML만 렌더링하고, 브라우저에서 JS 실행은 안 됩니다.따라서 useState, useEffect, useContext, window 등 클라이언트 전용 API를 쓸 수 없습니다.이런 클라이언트 전용 기능을 쓰려면 파일 상단에 👇"use client"이렇게 명시해줘야 클라이언트 컴포넌트로 바뀝니다. 💡 예를 들어....
개발/frontend 2025. 4. 2. 11:09
Next.js Hydration 에러 처리 (Rainbow Wallet 사용 시 적용 필요)

Next.js에서 자주 마주치는 Hydration Error는 **SSR(Server-Side Rendering)**과 CSR(Client-Side Rendering) 사이의 차이 때문에 발생🔍 Hydration이란?Next.js는 서버에서 HTML을 먼저 렌더링한 후, 클라이언트에서 React가 해당 HTML에 이벤트 핸들러와 상태를 붙이는 과정을 "Hydration"이라고함⚠️ Hydration Error란?서버에서 렌더링된 HTML과 클라이언트에서 렌더링되는 결과가 다를 때 발생하는 오류예를 들어:const [count, setCount] = useState(Math.random());이 코드는 서버와 클라이트에서 Math.random()의 결과가 다르기 때문에, 두 버전의 DOM이 달라지고, h..
개발/frontend 2025. 4. 2. 11:02
이전 Prev 1 Next 다음