뒤로가기 행동시 이벤트 발생 기능
2024. 4. 24. 22:11
Frontend/HTML, CSS, DOM, jQuery
const browserPreventEvent = (event: () => void) => { history.pushState(null, "", location.href); event();}; useEffect(() => { history.pushState(null, "", location.href); window.addEventListener("popstate", () => { browserPreventEvent( '이벤트 함수'); }); return () => { window.removeEventListener("popstate", () => { browserPreventEvent('이벤트 함..
프론트(front)에서 API 를 받을때 정적(static) 으로 하는 이유
2023. 12. 31. 14:04
Frontend/React & React.Native &Next.js
앱 성능 향상: 정적 API는 미리 컴파일되어 있어 런타임 중에 동적으로 생성되는 것보다 훨씬 빠를 수 있습니다. 따라서 앱이 더 빠르게 데이터에 액세스할 수 있습니다. 보안 강화: 동적 API는 런타임에 생성되므로 앱의 보안에 취약할 수 있습니다. 정적 API는 미리 정의되어 있으며, 미리 정의된 권한과 규칙을 따르므로 보안 측면에서 높은 수준의 안전성을 제공할 수 있습니다. 캐시 및 최적화: 정적 API는 캐시될 수 있어서 동일한 요청에 대해 더 빠른 응답을 제공할 수 있습니다. 또한 미리 알려진 구조를 가지고 있어서 클라이언트 측에서 더 효율적으로 최적화될 수 있습니다. 서버 부하 감소: 동적 API는 요청이 있을 때마다 서버에서 응답을 생성해야 합니다. 반면에 정적 API는 이미 생성된 응답을 제..
aria-label 의 설명과 SEO와의 관련성
2023. 12. 14. 22:48
Frontend/HTML, CSS, DOM, jQuery
aria-label은 웹 접근성을 향상시키기 위해 사용되는 중요한 속성 중 하나입니다. 이 속성은 HTML 요소에 추가되며, 화면 판독기와 같은 보조 기술을 사용하는 사용자들에게 해당 요소의 목적이나 내용을 설명하는 데 도움이 됩니다. aria-label을 사용함으로써 시각적으로 보이지 않는 요소에 대한 정보를 전달하고, 웹 페이지를 사용하는 데 있어서 더 나은 경험을 제공할 수 있습니다. aria-label은 주로 웹 접근성을 향상시키기 위한 목적으로 사용되며, 이는 주로 시각적으로 표현되지 않는 요소에 대한 정보를 제공하는 데 중점을 두고 있습니다. 그러나 aria-label은 검색 엔진 최적화 (SEO)와 직접적인 관련이 있는 것은 아닙니다. SEO는 주로 웹 페이지의 콘텐츠와 구조, 메타데이터, ..
flutter) CocoaPods not installed
2023. 10. 29. 12:34
Frontend/Dart & Flutter
1 sudo gem install cocoapods 2 sudo gem install -n /usr/local/bin cocoapods 3 sudo gem install activesupport -v 4.2.6 4 pod setup 이정도만해도 해결됨 4번 뒤에 과정도 있지만 4번까지 flutter 인식됨 이래도 안되면 중요한거는 ruby 최신버전으로 업데이트 해야한다 출처 https://stackoverflow.com/questions/20755044/how-do-i-install-cocoapods#comment61936592_34468906