Logto 블로그
Logto를 발견하고 인증, 권한 부여, 아이덴티티 관리, 오픈 표준 (OAuth, OpenID Connect, SAML) 등에 대한 다양한 리소스를 탐색하세요.
튜토리얼
- custom-ui
- bring-your-own-ui
- custom-sign-in
- custom-auth-flow
Logto Cloud 에 내 로그인 UI 가져오기
이 튜토리얼은 Logto Cloud 에 맞춤 로그인 UI 를 생성하고 배포하는 과정을 안내합니다.
모든 게시물
- 더 읽기
기술
- oidc
- oauth
- authentication
- authorization
- jwt
프로젝트에 OIDC 서버 통합하기 위한 완전한 가이드
OIDC (OpenID Connect) 서버를 프로젝트에 통합하는 모범 사례를 배우고, 구성 요소가 무대에서 서로 어떻게 상호작용하는지 이해하세요.
- 더 읽기
기술
- SAML
- SSO
- authentication
SAML 보안 요약서
보안 선언 마크업 언어 (SAML) 및 해당 보안 기능에 대한 빠른 참조 가이드입니다. 주요 용어, 구현 팁, 기업 환경에서의 SAML 기반 인증 및 권한 부여를 안전하게 하기 위한 모범 사례를 이해합니다.
- 더 읽기
기술
- oauth 2.0
- token introspection
- access token
- refresh token
- opaque token
OAuth 2.0 토큰 검사
이 기사는 OAuth 2.0 토큰 검사에 대해 탐구하며, 보호된 리소스가 인증 서버에 토큰 메타데이터를 쿼리하여 액세스 토큰이나 갱신 토큰이 유효한지 여부를 결정하는 방법에 대해 설명합니다.
- 더 읽기
기술
- 챗GPT
- ai
- 프롬프트
- i18n
긴 컨텍스트 JSON 번역과 ChatGPT
최신 ChatGPT 모델과 JSON 모드를 사용하여 긴 컨텍스트가 포함된 JSON 객체를 번역하고 출력을 JSON으로 스트리밍하는 방법을 배워보세요.
- 더 읽기
기술
- if-else 제거
- 코드 최적화
- 깨끗한 코드
- 인터페이스 지향 프로그래밍
- 조건 논리
복잡한 조건문을 제거하는 3가지 강력한 코딩 기법
복잡한 조건 구조를 최적화하고 단순화하여 코드 품질과 유지보수성을 개선하는 세 가지 강력한 코딩 기법을 소개합니다.
- 더 읽기
기술
- oidc
- oauth
- token-exchange
- openid
OAuth/OIDC 에서 토큰 교환 이해하기
토큰 교환은 신뢰할 수 있는 클라이언트가 사용자 개입 없이 새 토큰을 얻을 수 있는 OAuth 확장으로, 다양한 시나리오에서 사칭, 자동화, 시스템 간 통합, 및 토큰 마이그레이션에 유용합니다.
- 더 읽기
기술
- HTTP 프로토콜
- WebSocket 프로토콜
- 웹 애플리케이션
- TCP
- 클라이언트 서버 통신
HTTP와 WebSocket
이 기사는 HTTP와 WebSocket 프로토콜을 비교하여 주요 차이점, 기능 및 이상적인 사용 사례를 설명합니다. HTTP의 요청-응답 모델과 WebSocket의 실시간, 양방향 통신 기능을 대조하여 웹 애플리케이션에 적합한 프로토콜을 선택하는 데 필요한 중요한 개발자 통찰력을 제공합니다.
- 더 읽기
기술
- 커밋 메시지
- 전통적인 커밋
- 깃 커밋
- 커밋린트
전통적인 커밋으로는 커밋 메시지를 구할 수 없습니다
단순히 전통적인 커밋을 따르는 것이 좋은 커밋 메시지를 작성하기에 충분하지 않은 이유를 탐구하고, 개발 프로세스를 개선하고 의미 있는 커밋을 자연스럽게 생성하는 주요 전략을 소개합니다.
- 더 읽기
기술
- 애니메이션
- 모션
- 사용자 경험
- react
GitHub 의 로딩 진행 막대가 왜 멋져 보이는지 그리고 그것을 어떻게 만들 수 있는지
GitHub 의 로딩 진행 막대에 대한 사용자 경험을 논의하고 React 에서 유사한 것을 만드는 방법에 대해 이야기할 것입니다.
- 더 읽기
기술
- oidc
- oauth
- jwt
- 불투명 토큰
불투명 토큰 vs JWT
불투명 토큰과 JWT의 차이점, 사용 사례, OIDC 기반 시스템에서 검증되는 방식 이해하기.
- 더 읽기
기술
- 소셜 미디어
- Open Graph
- 오픈 표준
웹사이트에 대한 Open Graph 및 트위터 카드 메타데이터 설정 방법
Open Graph 및 트위터(현재 X) 카드 메타데이터는 소셜 미디어에서 웹사이트를 공유하는 데 필수적입니다. 이 메타데이터는 웹사이트의 아름다운 미리보기를 보여주고 더 많은 관심을 끄는 데 도움이 됩니다.
- 더 읽기
기술
- jwt
- 인증
- 보안
- OIDC
JWT를 언제 사용해야 하나요?
인증을 위해 JWT를 사용하는 것의 장단점에 대한 종합적인 가이드로, Logto와 같은 인증 제공자 서비스에 중점을 둡니다.
- 더 읽기
기술
- remark
- mdx
- reading-time
- esm
MDX 읽기 시간을 추출하기 위한 remark 플러그인 생성
MDX 파일을 ES 모듈로 가져올 때 읽기 시간 데이터를 사용할 수 있도록 remark 플러그인을 만드는 가이드입니다.
- 더 읽기
기술
- css
- animation
- infinite-scroll
- carousel
CSS만으로 무한 스크롤 캐러셀 애니메이션
CSS만을 사용하여 호버 시 일시 정지되는 무한 스크롤 캐러셀 애니메이션을 만드세요. JavaScript 불필요.
- 더 읽기
기술
- 브라우저
- URL
- 처리
- 도메인 이름 서비스
- DNS
- IP 주소
브라우저가 주소창에 입력된 URL을 어떻게 처리하나요?
특정 URL을 브라우저에서 열 때, 브라우저가 콘텐츠를 로드하고 표시하는 과정은 어떻게 될까요? 이벤트가 발생하는 순서에 따라 브라우저가 수행하는 작업을 보여줍니다.
- 더 읽기
기술
- base64
- encoding
Base64 에 대해 알아야 할 모든 것
Base64 인코딩의 세계에 깊이 빠져 보세요. Base64 의 역사, 작동 원리, 사용 시점, 그리고 제한 사항을 배워보세요. 데이터 인코딩과 전송을 다루는 모든 개발자가 알아야 할 필수 지식입니다.
- 더 읽기
기술
- parcel
- vite
- js
- esbuild
- bundler
- monorepo
Parcel 에서 Vite 로: 100K LOC 마이그레이션의 짧은 이야기
우리는 세 가지 프론트엔드 프로젝트를 Parcel 에서 Vite 로 마이그레이션했고, 그 과정은... 원활했습니다.
- 더 읽기
기술
- react
- lazy
- suspense
React.lazy 를 자신 있게 사용하기: 빠르게 반복할 때 컴포넌트를 안전하게 로드하는 방법
React.lazy 는 컴포넌트를 필요에 따라 로드하고 앱의 성능을 개선하는 훌륭한 방법입니다. 그러나 때때로 "ChunkLoadError" 및 "Loading chunk failed" 와 같은 문제가 발생할 수 있습니다.
- 더 읽기
기술
- 웹훅
- 폴링
- api
웹훅 vs. 폴링
이 글에서는 웹훅과 폴링을 비교하고, 각각의 접근 방식의 장단점을 분석하며, 언제 어떤 것을 사용해야 하는지에 대해 논의할 것입니다.
- 더 읽기
기술
- 포스트모템
- 클라우드 서비스
- 사고
포스트모템: 사용자 로그인 중 예상치 못한 500 오류 발생
2024년 7월 18일 인증 서비스에서 반환된 예상치 못한 500 오류에 대한 사고 보고서입니다.