Moon on River

분류 전체보기 검색 결과

해당 글 191건

AstroJS를 쓸까 NextJS를 쓸까

구현해야 하는것 - 로그인 - CRUD 이라 굉장히 단순한데, AstroJS도 기본적으로 SSG라 Read에서 이점을 가지려면 아차피 SSR 모드를 써야하는데, 둘다 구현이 가능하긴 한데 고민이 된다. Remember, all data in Astro components is fetched when a component is rendered. Your deployed Astro site will fetch data once, at build time. In dev, you will see data fetches on component refreshes. If you need to re-fetch data multiple times client-side, use a framework component or..

카테고리 없음 2022. 12. 2. 01:37

TIL 2022-11-29 Unocss, pnpm

https://github.com/shlee322/delivery-tracker/ GitHub - shlee322/delivery-tracker: 🚚 Delivery and Shipping Tracking Service 🚚 Delivery and Shipping Tracking Service. Contribute to shlee322/delivery-tracker development by creating an account on GitHub. github.com 배송조회 크롬 익스텐션 만들다가 이거 있는거 보고 의욕이 떨어져서 다른거 하고 싶어졌다... 크롤링 노가다 왜했지.... 나중에 그냥 여기 한번 크롬 익스텐션으로 래핑해서 택배사와 번호만 로컬 스토리지에서 저장해서 계속 볼 수 있게 해야지.....

TIL 2022. 11. 29. 23:47

TIL 2022-11-24 NextJS Image Optimizer

export function detectContentType(buffer: Buffer) { if ([0xff, 0xd8, 0xff].every((b, i) => buffer[i] === b)) { return JPEG } if ( [0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a].every( (b, i) => buffer[i] === b ) ) { return PNG } if ([0x47, 0x49, 0x46, 0x38].every((b, i) => buffer[i] === b)) { return GIF } if ( [0x52, 0x49, 0x46, 0x46, 0, 0, 0, 0, 0x57, 0x45, 0x42, 0x50].every( (b, i) => !b || ..

TIL 2022. 11. 24. 23:01

TIL 2022-11-13 Island Architecture

SPA의 단점은 대량의 자바스크립트 번들을 한번에 가져오기 때문에 자바스크립트 번들을 가져오기 전까지의 딜레이가 컸다는 것이다. 이를 보완하기 위해 SSR에서는 정적으로 생성된 HTML을 먼저 보여주고, 이를 자바스크립트 코드로 hydrate시키는 과정을 통해 이를 해결하려 했음. Rehydration은 비용이 들고, hydrate하기 전까지 아무 반응도 없는 HTM 쪼가리이기 때문에, 이를 최적화하려는 시도를 많이 했음. Partial hydration, Streaming 등 그러나 이들의 단점은 결국에 최종적으로 hydrate하는 자바스크립트의 총량은 동일하다는 거임. Island 구조에서는 Interaction이 아예 없는 정적 island와 hydration이 필요한 동적 island의 조합으로 ..

TIL 2022. 11. 13. 22:22

TIL 2022-11-13 Hash router

svelte를 사용하는 프로젝트에 svelte-spa-router를 사용하면서 Hash Router를 다시 사용하게 되었는데 도대체 왜 SPA에서 #를 쓰는지 알아보았음.. 원래 Hash는 요소와 함께 사용하여 동일 문서 내에 특정 위치로 이동할떄 사용했음. 요런 느낌으루다가 https://developer.mozilla.org/en-US/docs/Web/API/URL/hash#browser_compatibility 일단적인 웹사이트의 동작을 보자면 somewebsite.com/blogs/123 입력 브라우저가 서버로 해당 요청을 보냄 somewebsite.com 서버로 이동 somewebsite.com 서버에서 해당 HTML을 리턴함 그러나 SPA에서는 그렇게 되지 않음. SPA 자체가 하나의 자바스크..

TIL 2022. 11. 13. 21:53

TIL 2022-11-08 queueMicrotask와 Task

function myFunc1() { setTimeout(() => { console.log("time"); }, 0); myFunc2(); Promise.resolve().then(() => { console.log("promise"); }); console.log("bye"); } function myFunc2() { console.log("hello"); } myFunc1(); 자바스크립트의 이벤트 루프에서 사용하는 태스크 큐는 사실 Microtask와 Macrotask로 나누어져있다. 위의 예제에서 순차적으로 time -> promise가 찍혀야할거 같지만 실제로는 promise가 먼저 찍힌다. promise는 마이크로큐로 macro queue인 setTimeout보다 우선순위가 높기 떄문에 먼저..

TIL 2022. 11. 8. 23:50