본문 바로가기

전체 글234

[블록체인] Web3.js vs Ether.js Web3.js 와 Ether.js 모두 이더리움 블록체인과 상호작용하기 위한 JS 라이브러리이다. 목적과 사용 방법에 약간의 차이 존재 Web3.js 이더리움 블록체인과 상호작용하기 위한 가장 널리 사용되는 JS 라이브러리 이더리움 블록체인에 대한 저수준, 고수준 API 모두 제공함. 사용 목적 이더리움 노드에 연결 스마트 컨트랙트를 배포 블록체인에서 데이터를 쿼리 트랜잭션 서명 블록체인 이벤트 수신 ENS 이름 해석 Web3.js 는 이더리움 블록체인과 상호작용하기 위한 모든 기능을 제공함 Ether.js 이더리움 블록체인과 상호작용하기 위한 경량화 된 라이브러리 Ethereum JSON-RPC API를 사용하여 블록체인과 상호작용 함 provider와 signer를 주입하는 형태로 유연한 코드 작성 .. 2023. 3. 13.
[TS] Cannot find module '' or its corresponding type declarations.ts(2307) TS에서 특정 라이브러리를 사용할 때, dependencies에 설치해도 제목과 같은 에러가 나는 경우가 있다. TS는 라이브러리 타입을 읽을 때, index.d.ts를 먼저 찾는다. 이 파일은 라이브러리마다 있을 수도, 없을 수도 있다. 대표적으로 axios 같은 경우 node_module 내부에 index.d.ts가 미리 정의되어 있어서 TS에서 자동으로 타입 추론 가능 그러나 없을 경우 개발자가 추가로 처리해줘야 함. @types/xxx 설치 외부 라이브러리 type 만들기 1. @types/xxx 설치 node_module 내부에 index.d.ts를 정의하지 않은 라이브러리는 @types/xxx 에서 따로 정의한 경우가 있다. 예를 들어 chart.js를 install 했다고 가정했을 시, 아래.. 2023. 2. 26.
[Prisma] 자주 사용하는 명령어 모음 1. 마이그레이션 파일 db 덮어쓰기 npx prisma migrate dev // 적용되지 않은 가장 최근의 마이그레이션 파일을 사용합니다 - 없으면 새로 만듬 // migrate는 데이터베이스 내용을 초기화 합니다 2. 임시 마이그레이션 파일 만들기 npx prisma migrate dev --name 파일이름 --create-only 3. 마이그레이션 파일 수정하기 ALTER TABLE "Profile" RENAME COLUMN "biograpy" TO "biography" 4. 임시 마이그레이션 파일 DB에 적용하기 npx prisma migrate dev 5. DB 재설정 (초기화) npx prisma migrate reset 6. 스키마 수정사항 가져오기 npx prisma db pull 7... 2023. 2. 24.
[Web] HTTP 상태 코드 정리 참고자료: W3 HTTP/1.1: Status Code Definitions part of Hypertext Transfer Protocol -- HTTP/1.1 RFC 2616 Fielding, et al. 10 Status Code Definitions Each Status-Code is described below, including a description of which method(s) it can follow and any metainformation required in the response. 10.1 Inform www.w3.org 1xx(정보) : 요청을 받았으며 프로세스를 계속 진행합니다. 2xx(성공) : 요청을 성공적으로 받았으며 인식했고 수용하였습니다. 3xx(리다이렉션) : .. 2023. 2. 11.
[Web] JWT와 OAuth에 대한건 여기로! https://developers.worksmobile.com/jp/reference/authorization-sa?lang=ja Service Account認証(JWT) - Using APIs - LINE WORKS Developers Document Service Account認証 (JWT) Service Account認証とは、アプリ専用の仮想管理者アカウントを使用して認証を行い、Access Tokenを発行してAPIを利用する方法です。 Service Account認証では、Json Web Token (以降、J developers.worksmobile.com line 문서 https://velog.io/@yhlee9753/JWT-accessToken-%EA%B3%BC-refreshToken-%EC%9D%84-%.. 2023. 2. 1.
[Web] 로그인을 안전하게 처리하기 ( JWT, refresh Token, access Token ) 참고: velog@yaymato JWT를 통한 로그인 처리 방식 JWT를 쓴다. refresh Token은 secure httpOnly 쿠키로, access Token은 JSON payload로 전달받는다. Web Application이 mount 될 때마다 refresh Token을 이용해 새로운 access Token을 받아와 Web 내 지역 변수에 저장하고 사용한다. (access Token이 만료될때마다) 이러한 로그인 처리 방식은 다른 선택지들보다 XSS공격에 안전함. (완전 무결한건 X) JWT 용도 Authorization(권한부여) JSON Web Token을 사용하는 가장 일반적인 시나리오로, 사용자가 로그인하면 이후의 각 요청에서는 JWT가 포함되어 사용자가 해당 토큰으로 허용되는 패스.. 2023. 1. 31.
[Web] 로그인 인증 4가지 방법 참고 사이트: https://velog.io/@gusdnr814 0. 선 요약 session과 cookie를 이용한 인증 Access Token을 이용한 인증 Access Token + Refresh Token을 이용한 인증 OAuth 2.0을 이용한 인증 1. session과 cookie를 이용한 인증 사용자가 로그인 요청시 서버에서는 계정 정보를 읽어 사용자를 확인한다. 승인시 사용자에게 고유ID값을 부여하여 session 저장소에 저장 후, 이와 연결되는 Session Id를 발급 사용자가 받은 session Id는 사용자 브라우저의 쿠키에 저장 이 후 요청시 마다 Session ID가 담긴 cookie를 같이 보냄 서버에서는 이 쿠키를 받아 session 저장소에서 대조 후 응답 데이터 보냄 (쿠.. 2023. 1. 30.
[Web] OAuth 리다이렉션 URI란? OAuth를 위해 각각의 Provider 사이트에서 client id와 password를 발급받기 위한 절차를 밟다보면 나오는 승인된 리다이렉션 URI 라는 생소한 용어가 나온다. 이것을 알기 위해서는 OAuth(2.0)의 인증 과정을 먼저 알아야한다. OAuth(2.0) 인증 과정 7번 과정이 끝나면 (내 서버)는 (구글 서버의 사용자 정보)에 접근하기 위한 access token을 갖게 된다. 이 상태에서 DefaultOAuth2UserService 의 OAuth2User loadUser(OAuth2UserRequest OAuth2UserRequest) 메서드가 실행된다. 승인된 리다이렉션 URI란? 첫번째 그림에서의 3번 과정에서 Browser가 GOOGLE서버로 Request 요청을 보낼 때 리다.. 2023. 1. 26.
[나 혼자 볼거] 소셜로그인을 위한 API 키 받기(feat. kakao, naver, google) https://cpro95.tistory.com/516 카카오 로그인 구현 React(리액트) Nextjs NextAuth kakao login 안녕하세요? 지난 시간에는 NextJS와 MongoDB로 유저 로그인 세션 구현하기에 도전해 봤는데요. 최근에는 직접 유저 가입과 그 정보를 DB에 저장하는 거는 굉장히 위험한 일입니다. 그래서 각 대표 cpro95.tistory.com 2023. 1. 23.

티스토리툴바