inyong-e / simplenaver Goto Github PK
View Code? Open in Web Editor NEW한국 포털 사이트인 네이버 서비스를, 검색 기능과 검색 정보에 더욱 집중화된 UI로 변경 시켜주는 크롬 익스텐션
License: MIT License
한국 포털 사이트인 네이버 서비스를, 검색 기능과 검색 정보에 더욱 집중화된 UI로 변경 시켜주는 크롬 익스텐션
License: MIT License
이런 것을 발견했다.
네이버 로고를 크게 만들려고 width,height를 늘렸는데, 로고가 늘어가는 것이 아니라, 숨어있던 다른 이미지들이 불쑥 나타나는 것이다.
처음에 보고 깜짝 놀랐다....
근데 보니까 왠지...이 이미지들 지금 여기 메인 페이지에서 사용되고 있는 모든 이미지 같다..
설마... 혹시 몰라서 다른 이미지 녀석들도 까보았다..
전부 하나의 이미지였고, 해당 이미지는 바로 아래와 같다.
https://s.pstatic.net/static/www/img/uit/2020/sp_main_b46ce0.png
네이버 메인 페이지는 이미지 리소스와, 이미지를 요청하는 네트워크 성능을 최소로 하기위해 하나의 이미지만 요청하여 다 같이 쓰고 있었던 것이다..
비동기적적으로 세팅한 DOM 요소를 javascript에서 바로 가져올 수 없음
그러면 없는 것으로 나온다.
그런데 비동기로 가져온 DOM을 개발자 도구로 한번 찍고 다시 가져와보면 해당 DOM이 가져와진다.
이것은 네이버가 아니라 크로미움 엔진 문제인 것 같다.
테스트 해본 내용
비동기 처리 된 DOM 요소를 사용하기 위한 처리 방식
각자 페이지 별로 CSS 스타일이 따로 적용이 되어야 하는데, CSS 작업한 파일 내용들이 모든 페이지에 전부 적용이 되어버리는 문제.
현재 페이지 별 코드 관리 및 적용을 달리 구분하려고 메인 화면과 검색결과 화면에 대한 js,css 파일을 구분해 놨는데, menifast를 통해 적용하면, 전체 페이지 대상으로 적용이 되어버려서 스타일이 엉망이 되어버리는 문제가 발생한다.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.