웹개발 블로그

보호되어 있는 글입니다.

보호되어 있는 글입니다.

현재 맡은 프로젝트는세션을 싱글톤으로 관리해서 사용하고 있다.(구현체 HttpSessionListener) 이때 중복로그인 체크를 하게되는데중복된 로그인을 했다고 생각하자.순서대로 A(크롬), B(엣지)로 로그인했다고 가정하면A크롬에 로그아웃되게 말이다. 그런데 이미 프로젝트에서는 중복로그인이 발견되면 이전 세션을 소멸하고 있었다.(session.invalidate())-> ㅠㅠ B엣지에서 로그인 시 이전 로그인된 창인 A크롬은main.do 리다이렉트되게 해달라고 했다(최초 1회) 어떻게 해야할까...고민을 했다. 아래 챗 지피티에다가 물어봤다.request.getRequestedSessionId()ㄴ> **클라이언트(브라우저)**가 요청할 때 쿠키로 보낸 JSESSIONID 값을 반환하는 메서드ㄴ> 반..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

마이크로 상태 관리를 위해서는 리액트 훅이 필수다.리액트 훅에는 다음과 같이 상태 관리 방법을 구현하기 위한 몇 가지 기본 리액트 훅이 포함돼 있다. ■useState 훅은 지역 상태를 생성하는 기본적인 함수로, 로직을 캡슐화하고 재사용 가능하다는 리액트 훅의 특징이 있다.그래서 useState를 기반으로 다양한 사용자 정의 훅을 만들 수 있다. ■ useReducer 훅도 지역 상태를 생성할 수 있으며, useState를 대체하는 용도로 자주 사용된다.useState와 useReducer 훅을 다시 살표보고 유사점과 차이점을 알아두자. ■ useEffect 훅을 이용하면 리액트 렌더링 프로세스 바깥에서 로직을 실행할 수 있다.특히 전역 상태를 다루기 위한 상태 관리 라이브러리를 개발할 때 중요한데, 그..

마이크로 상태 관리공식적인 정의는 없음범용적인 상태 관리를 위한 방법은 가벼워야하며, 개발자는 요구사항에 따라 적절한 방법을 선택할 수 있어야 한다(이를 가리켜 마이크로 상태 관리라고 한다.)개발자의 다양한 요구사항을 충족하기 위해 몇 가지 필수적인 방법이 필요하다.*기본적인 상태 관리 기능상태 읽기상태 갱신상태 기반 렌더링하지만 다른 작업을 수행하기 위해 다음과 같은 추가적인 기능이 필요할 수 있다.*추가적인 상태 관리 기능리렌더링 최적화다른 시스템과의 상호작용비동기 지원파생 상태간단한 문법 등그렇지만 이 모든 기능이 필요한것은 아니다.일부 기능은 서로 충돌할 수도 있다. 마이크로 상태관리는 사용하는 방법은 하나만 있는것이 아니라다양한 요구사항에 맞는 여러 방법이 있다.

React는 기본적으로 XSS(교차 사이트 스크립팅) 공격 방지를 위해 html 문자열을 자동으로 이스케이프한다.즉, 안녕하세요 라는 문자열은 그대로 <p>안녕하세요</p>로 렌더링됩니다. 하지만 때로는 서버나 외부 데이터에서 가져온 html 문자열을 태그로서 실제 반영하고 싶을 때가 있다.이럴 떄 사용하는 것이 바로 dangerouslySetInnerHTML이다. 하지만 문법의 네이밍 그대로 이 방식은 XSS 공격에 취약할 수 있기에 rEACT는 일부러 위험함을 강조하기 위해dangerouslySetInnerHTML 이라는 이름을 붙였다.