TIL/읽을거리
[프론트엔드 성능 최적화 가이드] 1장 블로그 서비스 최적화
개발서적 스터디를 시작했는데 1장 발표자가 되었다. 한 번 날려먹어서 두 번 정리한 블로그 서비스 최적화 내용. 거의 복사 붙여넣기 수준으로 적었지만 타이핑을 하다보니 나름대로 좀 더 이해가 잘 되었다. 분석 툴 소개 크롬 개발자 도구의 Network 패널: 현재 웹 페이지에서 발생하는 모든 네트워크 트래픽을 상세하게 알려줌 크롬 개발자 도구의 Performance 패널: 웹 페이지가 로드될 때 실행되는 모든 작업을 보여줌. 이 패널을 통해 어떤 자바스크립트 코드가 느린지 확인할 수 있음 크롬 개발자 도구의 LightHouse 패널: 웹사이트의 성능 점수를 측정, 개선 가이드 확인 가능 webpack-bundle-analyzer: npm을 통해 설치. 완성된 번들 파일 중 불필요한 코드가 어떤 코드인지,..
Un fixing fixed Elements with CSS transforms
http://meyerweb.com/eric/thoughts/2011/09/12/un-fixing-fixed-elements-with-css-transforms/ Un-fixing Fixed Elements with CSS Transforms In the course of experimenting with some new artistic scripts to follow up meyerweb.com
vim
https://letyarch.blogspot.com/2021/01/vim.html vim 맛있습니까? 그거 독약입니다. ❮ vim 맛있습니까? 그거 독약입니다. 20210112 너넨 이런거 하지마라~ https://bengi.kr/1349 이 글을 보고 답글 쓰다가 날아가서 그냥 블로그에 씁니다. 먼저, 전 vim을 무조건 써야 된다고 강요하는 꼰대 letyarch.blogspot.com 요즘에는 웹 상에 vim을 잘 설명해둔 자료가 많습니다. 점진적으로 배우는 것은 좋지만 제대로 배워야 합니다. 아래 링크들을 추천합니다. 난이도 순 입니다. https://www.openvim.com/ https://github.com/iggredible/Learn-Vim https://danielmiessler.co..
HTTP 상태 코드 정리된 웹사이트
https://www.webfx.com/web-development/glossary/http-status-codes/ HTTP Status Codes Glossary Wondering what an HTTP status code means? Browse this list of HTTP status codes for definitions and code references. www.webfx.com
Javascript는 싱글 스레드 언어인가?
https://velog.io/@devmag/Javascript-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%8A%94-%EC%8B%B1%EA%B8%80-%EC%8A%A4%EB%A0%88%EB%93%9C%EC%9D%B8%EA%B0%80 [Javascript] 자바스크립트는 싱글 스레드인가? JS는 싱글 스레드 언어인데, 싱글 스레드의 특징은?한 번에 하나의 일만 수행할 수 있는 것문맥 교환(context switching)이 필요하지 않다.프로그래밍 난이도가 쉽고 CPU 및 메모리를 적게 사용한다.단 velog.io
Global Styles
My Global Styles • Treasure Trove The Treasure Trove is a curated set of my favourite resources, with detailed guides showing how I get the most out of them. courses.joshwcomeau.com
CSS Writing Modes
https://24ways.org/2016/css-writing-modes/ CSS Writing Modes Jen Simmons points us in the direction of a useful but less well known CSS feature that becomes increasingly important when designing page layouts for a global audience. Like the wise men following the Star of Bethlehem, sometimes the best direction is giv 24ways.org
The CSS Cascade
Or, How browsers resolve competing CSS styles Amelia Wattenberger wattenberger.com
State Machine Pattern 상태머신패턴
https://m.blog.naver.com/ansdbtls4067/221271088975 [FPGA 강의] 21강 - Finite State Machine(FSM, 상태 머신)의 정의와 무어 머신 설계 따라하기 0. 들어가며...안녕하세요? 또다시 새로운 주제로 여러분과 함께 VHDL 강의를 시작하는 땜쓰 입니다. ... blog.naver.com https://key-boom.tistory.com/30 [Verilog] FSM(유한 상태 머신) 모든 시스템에서는 제어부와 실행부로 나뉜다. 제어부는 명령을 내리는 부서로 실행부로 하여금 특정한 행동을 하도록 신호를 보낸다. 신호를 받은 실행부는 신호에 따라 해당된 일을 수행한다 key-boom.tistory.com https://wikidocs.net/..
상속되는 CSS Properties 리스트
https://www.sitepoint.com/css-inheritance-introduction/#list-css-properties-inherit CSS Inheritance: An Introduction — SitePoint Asha Laxmi introduces and explains what CSS inheritance is, how it helps development, and what pitfalls to avoid while using it. www.sitepoint.com