웹 (12) 썸네일형 리스트형 Spring Security Architecture 번역 - 1 Filter Review 스프링 시큐리티의 서블렛 지원은 서블렛 필터들에 기인한다. 그래서 필터들의 역할을 전반적으로 먼저 살펴보면 도움이 된다. 아래 이미지는 한 HTTP 요청을 위한 핸들러들의 전형적인 계층을 보여준다. 클라이언트는 앱에 요청을 보낸다. 그리고 컨테이너는 FilterChain을 만든다. 그것은 Filter 인스턴스를 담고 있다. 그리고 서블렛을. 서블렛은 요청 URI의 path에 따라 HttpServletRequest를 진행해야 한다. 스프링 MVC 애플리케이션에서 서블렛은 DispatcherServlet의 인스턴스이다. 대개 하나의 서블렛은 하나의 HttpServletRequest와 HttpServletResponse를 핸들링할 수 있다. 그러나 아래의 경우에 둘 이상의 필터가 쓰일.. setTimeout을 취소할 때 useRef를 쓰는 이유 일정 시간이 지나고 나서야 어떤 행동을 수행하도록 할 때 setTimeout을 쓰게 됩니다. 다만 모종의 이유로 그 행동이 취소됐을 때에는 그 id를 가지고 설정된 timeout을 해제해야 하는데, 그 id를 저장하는데 에 useRef가 쓰입니다. const DelayedHoverMenu: React.FC = () => { const [showMenu, setShowMenu] = useState(false); const hoverTimer = useRef(null); const handleMouseEnter = () => { hoverTimer.current = window.setTimeout(() => { setShowMenu(true); }, 300); }; const handleMouseLeave .. allow "*"를 했는데도 CORS 에러 뜰 때, 새로고침 해야 CORS 에러 안 뜰 때 [node js, express js] CORS 에러를 마주했다. 예전에 경험한 적이 있던 흔한 오류여서 대수롭지 않게 생각했지만 그 놈이 나를 이틀동안이나 괴롭혔다. allowedOrigins를 명시해주어 CORS 에러를 해결했다. 그런데 다시 사이트에 접속해보니 여전히 CORS 에러가 뜨는 것이었다. 아 도대체 뭐가 잘못된거야 ㅡㅡ 하면서 새로고침을 하니까 그 때는 또 오류 없이 잘 실행되는 것.. 그 상태로 하루를 꼬박 보냈다. 아니 안될거면 안되고, 될거면 되던가 새로고침 하면 되고 처음에 안되는 이유는 도대체 뭐야!!! 라고 생각하다가 결국 우아한 테크 유튜브에서 COS에러 공부까지 하게 된다. 그리고 얻은 건 원래 알고 있었던 지식의 강화 ㅋ preflight를 보내고, 응답 받으면서 SOP를.. Configuring your webpage for Sign in with Apple에 대하여 Configuring your webpage for Sign in with Apple 당신의 웹페이지가 유저를 애플로 로그인을 통해 authorize하도록 준비하십시오. 개요 당신은 HTML, JavaScript를 쓸 수 있다. 애플로 로그인을 당신의 웹페이지에 추가하기 위해. authorization 객체를 설정하고 버튼을 추가하십시오. 유저가 당신의 웹페이지에서 유저의 Apple ID로 로그인할 수 있도록 하는 버튼을. 애플로 로그인 임베드 Include the script tag and link to Apple’s hosted version of the Sign in with Apple JS framework in your web page: Embedding the framework gives yo.. Sign in with Apple JS에 대하여 Sign in with Apple JS 개요 애플로 로그인은 가장 빠른 길입니다. 온보딩하기에, 새로운 유저를, 안전하게. 그리고 제공합니다. 두가지 요소의 authentication을. 애플로 로그인을 쓰면서 유저들은 당신의 웹사이트에 로그인할 수 있습니다. 그들의 애플 ID를 가지고. 새로운 계정과 비밀번호 생성 없이. 애플로 로그인을 당신의 앱에 가능하게 하는 것은 당신의 앱을 당신의 애플 개발자 계정에 등록하는 것부터 시작합니다. API와 당신의 앱을 통합할 때, 고려하십시오 버튼 프레젠테이션 스타일, 알림 옵션들, 서버 통합, 그리고 어떤 종류의 user 정보를 요청할지를. 주제 필수 Configuring your webpage for Sign in with Apple 당신의 웹페이지가 유저를 .. 애플 로그인 OAuth에 대하여 계획 Apple로 로그인 기능을 사용하면 시스템에서 이름, 확인된 이메일 주소 및 사용자가 Apple ID로 앱에 로그인할 수 있도록 허용하는 고유의 안정적인 식별자를 모두 갖추어 사용자 계정을 설정할 수 있습니다. iOS, macOS, tvOS 및 watchOS에서 사용할 수 있으며, 웹 사이트나 다른 플랫폼에서 실행되는 앱 버전에도 Apple로 로그인 기능을 추가할 수 있습니다. 사용자가 계정을 설정한 후에는 개발자가 앱을 배포하는 위치에 관계없이 어디서나 로그인할 수 있습니다. 지침 앱에서 사용자의 기본 계정을 설정 또는 인증하기 위해 타사 또는 소셜 로그인 서비스를 사용하는 앱은 Apple로 로그인을 동등한 옵션으로 제공해야 합니다 . Apple로 로그인 기능을 지원하는 앱 또는 웹 사이트를 기획.. OAuth에 대하여 해결할 문제 애플 로그인했을 때 제품 안에 나타나는 버그 수정 애플 로그인 안되는 문제 해결 애플 로그인 방식 학습 OAuth 학습 OAuth학습 OAuth란? Open Authorization은 인터넷 사용자들이 비밀번호를 제공하지 않고 다른 웹사이트 상의 자신들의 정보에 대해 웹사이트나 애플리케이션의 접근 권한을 부여할 수 있는 공통적인 수단으로서 사용되는, 접근 위임을 위한 개방형 표준이다. 이 메커니즘은 여러 기업들에 의해 사용되는데, 이를테면 아마존, 구글, 페이스북, 마이크로소프트, 트위터가 있으며 사용자들이 타사 애플리케이션이나 웹사이트의 계정에 관한 정보를 공유할 수 있게 허용한다. 개요 OAuth가 사용되기 전에는 인증방식의 표준이 없었기 때문에 기존의 기본인증인 아이디와 비밀번호를 사용.. Context Context를 이용하면 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있습니다. 일반적인 React 애플리케이션에서 데이터는 위에서 아래로 props를 통해 전달되지만, 애플리케이션 안의 여러 컴포넌트들에 전해줘야 하는 props의 경우 이 과정이 번거로울 수 있습니다. context를 이용하면, 트리 단계마다 명시적으로 props를 넘겨주지 않아도 많은 컴포넌트가 이 값을 공유하게 할 수 있습니다. 언제 Context를 써야 할까 context는 React 컴포넌트 트리 안에서 전역적인 데이터를 공유할 수 있도록 고안된 방법입니다. 그러한 데이터로는 현재 로그인한 유저, 테마, 선호하는 언어 등이 있습니다. 예를 들어, 아래의 코드는 버튼 컴포넌트를 꾸미기 위해.. 이전 1 2 다음
