분류 전체보기 썸네일형 리스트형 크롬에서 유튜브 뒤로가기 클릭시 크롬 홈화면으로 가는 현상 유튜브를 크롬으로 시청하던 중, 어느 순간 부터 뒤로가기 버튼을 눌러도 전 화면으로 돌아가지 않고 홈 화면으로 이동하는 문제가 발생했다. 여러 방법을 시도해보았지만 결국 초기화 작업으로 문제를 해결할 수 있었다. 아래 링크를 복사하여 크롬 주소창에 입력한다. chrome://settings/resetProfileSettings 설정 초기화 버튼을 클릭하여 초기화를 진행한다. (초기화를 진행하면 캐시, 쿠키, 기록 등은 삭제되지만 계정이나 개인정보는 그대로 유지됩니다.) 더보기 [JavaScript] 클로저정리 밖에서는 안보이고 안에서만 밖을 볼수있다. 클로저가 대체 뭘까❓ 외부 함수의 변수에 접근 가능한 함수입니다. 리턴하는 함수에 의해 스코프(변수 접근 범위)가 구분되며, 스코프를 이용해서 변수의 접근 범위를 폐쇄합니다 (closure 폐쇄) 이러한 클로저의 핵심은 함수와 함수가 선언된 어휘적(lexical) 환경의 조합입니다. 함수 내에서 다른 함수(내부 함수)가 리턴될 때, 리턴된 내부 함수는 클로저 함수라고 부르며, 외부 함수에 있는 변수에 접근 가능하다. 클로저 왜쓰는가❓ 활용한 상황 중 가장 유용한 것은 현재 상태를 기억하고 변경된 최신 상태를 유지하는 것이다. 이를 통해 상태 유지를 위해 전역 변수를 사용하지 않아도 되어 버그를 방지할 수 있다. 클로저는 반환된 내부 함수가 자신이 선언됐을 때의 .. 더보기 [React] styled-components 에서 opacity 없이 모달 애니메이션 넣기 모달을 조건부 렌더링으로 구현하였지만, 애니메이션 효과가 없어서 UI가 너무 딱딱하게 느껴졌다. 검색해보니 대부분은 opacity: 0 으로 투명하게 만들고 클릭시 1로 바꿔 보이게끔 하는 방법을 사용하는 내용이었는데, 여러 시행착오 끝에 결론은 @keyframes와 animation을 이용하여 애니메이션을 추가하여 문제를 해결했다. 모달창을 구현하기 위해 3가지 조건이 필요했다. 모달창이 나타날 때 다른 요소보다 위에 위치하여 렌더링 되어야 했고 내부 버튼들도 잘 동작해야 했으며 마지막으로 백그라운드를 눌러도 모달창을 닫을 수 있어야 했다. opacity를 사용하면 문제점 모달 백그라운드 뒤의 버튼이나 요소들이 클릭되지 않거나 동작하지 않는 문제가 발생한다. pointer-events : none 속성.. 더보기 이전 1 다음