Front 20
- Beforeunload, visibilitychange 사용해서 사용자가 웹페이지를 떠날때 이벤트 잡기
- JavaScript Client side 코드 사용자가 절대 디버깅 하지 못하게 하기
- Geolocation 으로 내 페이지에 접속한 사람의 위치를 대략적으로 가져와보자
- 웹 페이지에서 번역된 콘텐츠와 원문 간의 전환 구현하기
- 새롭게 로드된 요소도 클릭 이벤트 처리하기: jQuery 이벤트 위임
- 배포 후 웹 자원 캐시 문제 해결: JS와 CSS 강제 새로고침하는 법
- CSS ::after와 ::before로 요소 추가하기
- Ajax 사용 시 데이터가 짤린다면?: 새로고침을 의심해보자
- PurgeCSS로 사용하지 않는 CSS 한 방에 제거하기: 웹 성능 최적화 팁
- Submit 속도와 유연성 높이기: AJAX로 폼 제출을 최적화하는 비법
- Ajax 요청으로 인한 Race Condition 문제: 두 요청이 동시에 같은 데이터를 수정할 때 발생하는 오류와 해결법!
- 웹사이트 팝업 공지, 왜 'n일간 보지 않기'일까?
- Dark Mode 색상 관리 효율화: CSS 변수 활용하기
- Mutation Observer로 동적으로 로드되는 콘텐츠 번역하기
- 버튼 클릭으로 실시간 번역! 웹 페이지에 글로벌 번역 서비스 추가하기
- Gulp를 활용한 CSS 및 JS 최적화: 용량 줄이기와 로딩 속도 향상
- 숨겨진 이미지 찾기 이벤트에서 사용자 Cheating 방지하기: SHA-256으로 안전하게!
- 사용자 클릭 분석하기: Django와 JavaScript로 클릭 트래커 구축하기
- Cookie와 LocalStorage 비교: 저장 용량과 활용 방법
- SameSite 쿠키 정책 이해하기: None, Lax, Strict의 차이와 문제 해결 방법