브라우저 스택의 오래된 기술
디자인 전문 정보
나는 수년에 걸친 추세를 볼 수 있을 만큼 오랫동안 프런트 엔드 개발에 참여해 왔습니다. 젊은 개발자들은 프로그래밍의 역사적 맥락을 이해하지 못한 채 새로운 패러다임으로 작업하고 있습니다. 물론 아무것도 모른다는 것은 충분히 이해할 수 있는 일이다. 웹은 다양한 기술과 전문성을 갖춘 매우 큰 공간이며, 우리가 무엇을 모르는지 항상 알 수는 없습니다. 이 분야의 학습은 한 번 일어나고 끝나는 것이 아니라 지속적인 여정입니다. 적절한 사례: 우리 팀의 누군가가 사용자가 UI의 특정 탭에서 벗어나는지 알 수 있는지 물었습니다. Java
핵심 특징
고품질
검증된 정보만 제공
빠른 업데이트
실시간 최신 정보
상세 분석
전문가 수준 리뷰
상세 정보
핵심 내용
나는 수년에 걸친 추세를 볼 수 있을 만큼 오랫동안 프런트 엔드 개발에 참여해 왔습니다. 젊은 개발자들은 프로그래밍의 역사적 맥락을 이해하지 못한 채 새로운 패러다임으로 작업하고 있습니다. 물론 아무것도 모른다는 것은 충분히 이해할 수 있는 일이다. 웹은 다양한 기술과 전문성을 갖춘 매우 큰 공간이며, 우리가 무엇을 모르는지 항상 알 수는 없습니다. 이 분야의 학습은 한 번 일어나고 끝나는 것이 아니라 지속적인 여정입니다. 적절한 사례: 우리 팀의 누군가가 사용자가 UI의 특정 탭에서 벗어나는지 알 수 있는지 물었습니다. JavaScript의 beforeunload 이벤트를 지적했습니다. 그러나 이전에 이 문제를 해결한 사람들은 beforeunload가 일반적인 사용 사례인 다른 사이트에 저장되지 않은 데이터에 대한 경고를 받았기 때문에 이것이 가능하다는 것을 알고 있습니다
상세 분석
. 또한 좋은 측정을 위해 동료에게 pageHide 및 visibleChange 이벤트를 지적했습니다. 내가 그걸 어떻게 알았지? 처음 JavaScript를 배울 때 공부해서가 아니라 다른 프로젝트에서 나왔기 때문입니다. 사실 현대 프런트엔드 프레임워크는 이전의 거대 기술 기업의 어깨 위에 서 있습니다. 그들은 전통적으로 모든 사람이 알아야 할 필수적인 프런트 엔드 개념을 알거나 만질 필요성을 줄이거나 심지어 제거하는 더 나은 개발자 경험을 위해 개발 방식을 추상화합니다. CSSOM(CSS 개체 모델)을 고려해보세요. CSS와 JavaScript로 작업하는 사람이라면 누구나 CSSOM 실무 경험이 많을 것으로 예상할 수 있지만 항상 그런 것은 아닙니다.
정리
제가 작업한 전자상거래 사이트에 대한 React 프로젝트가 있었는데, 여기서 현재 선택한 결제 제공업체에 대한 스타일시트를 로드해야 했습니다. 문제는 특정 페이지에만 실제로 필요한 스타일시트가 모든 페이지에 로드된다는 점이었습니다. 이 일을 맡은 개발자는 스타일시트를 동적으로 로드한 적이 없었습니다. 다시 말하지만, React가 여러분이 도달했을 수 있는 전통적인 접근 방식을 추상화하면 이는 완전히 이해할 수 있습니다. CSSOM은 일상 업무에 필요한 것이 아닐 가능성이 높습니다. 그러나 일회성 인스턴스라도 어느 시점에서는 상호 작용해야 할 가능성이 높습니다. 이러한 경험은 제가 이 글을 쓰게 된 계기가 되었습니다. 일상 업무에서 직접적으로 접할 수 없는 기존 웹 기능과 기술이 많이 있습니다
자주 묻는 질문
Q. 어떤 정보를 제공하나요?
A. 디자인 관련 최신 정보를 제공합니다.
Q. 신뢰할 수 있나요?
A. 검증된 출처만 선별합니다.
Q. 더 궁금한 점은?
A. 댓글로 문의하세요.
원문 출처
이 글은 원본 기사를 참고하여 작성되었습니다.