전체 글 (75) 썸네일형 리스트형 [Redux] 원리 및 불변성 흐름 - 중앙저장소( state) - action - dispatch - reducer로 연결이 되어있다 - action을 dispatch하면 reducer에 명시한 방법에 따라 값을 불변성으로 변경하여 중앙저장소에 저장한다 장점 / 단점 - action의 추적이 가능하고 내역 확인이 되기 때문에 버그 발생시 수정이 매우 편리함 - 데이터의 rollback이 가능하기에 테스트하기 편하다( redux devtools) - 데이터를 바꾸고 싶을때마다 action을 만들고 reducer를 정의해줘야하기 때문에 코드량이 매우 많아진다. 이러한 문제점을 해결하기 위해 Redux toolkit이 개발되었다 사용 - reducer에 불변성으로 데이터를 넘기는 이유는 불변성 넘기는 것은 객체를 새로 생성하는 것이고 이.. [nextjs] Nextjs에서 Redux 사용 Next.js에서 Redux사용하기 (Redux wrapper) (1/2) (velog.io) Next.js에서 Redux사용하기 (Redux wrapper) (1/2) 컴포넌트에서 공통적으로 쓰이는 데이타가 흩어져있기 때문에 부모 컴포넌트에서 데이타를 받아서 자식 컴포넌트에게 각각 보내줘야한다컴포넌트끼리 데이타를 전달하는 과정도 매우 복잡하 velog.io [html] <a> 태그에서 target = _blank 사용 해당 이슈의 원인은 Tabnabbing 피싱 공격에 노출될 수 있기 때문이라고 한다 Tabnabbing 피싱 공격이란 target="_blank"인 태그를 클릭하였을 때 새롭게 열린 탭에서 기존 페이지를 피싱페이지로 바꿔 정보를 탈취하는 피싱공격 예를 들어 A 사이트에서 사용자가 blank 태그를 이용해 B 사이트로 이동 후에 다시 A사이트로 돌아왔을때 실제 A페이지가 아닌 A페이지처럼 보이는 피싱 사이트로 이동하는 것이다 target=”_blank” 와 rel=”noopener noreferrer”을 같이 적용해서 문제를 해결했다 rel=”noopener noreferrer”는 rel=noopener 속성이 부여된 링크를 통해 열린 페이지는 opener의 location변경과 같은 자바스크립트 요청을 .. 이전 1 2 3 4 5 6 7 ··· 25 다음
