본문 바로가기

전체 글376

[git] Merge, Squash and Merge, Rebase and Merge [Merge]Fast-Forwarded Merge새로운 branch A가 Main branch로부터 분기된 이후 Main branch에 새로운 커밋이 올라오지 않았다면, A가 최신 branch라고 할 수 있다. 이 경우 A의 변경이력 그대로 Main으로 가져올 수 있다.From https://github.com/insidedw/react-webpack5-ssr 27eb3af..3d95fe7 main -> origin/mainUpdating 27eb3af..3d95fe7Fast-forward [Squash and Merge]여러 개의 커밋을 하나로 합친 후 병합하는 방법입니다. 커밋 히스토리 정리: 여러 개의 커밋을 하나로 압축(squash)하여 병합하므로, Git 히스토리가 깔끔해집니다.. 2024. 8. 14.
구매한다는 건? 무언가 구매한다는건, 구매한 물건에 대한 책임을 진다는 마음으로 무겁게 다가왔다.예전에는 버리면 그만 이라는 단순한 생각이였지만 지금은 그렇지 않다. 구매하기전 아래의 질문을 나 스스로에게 던진다. 이런 질문을 하게되어 구매에 대해 무겁게 다가온다. 구매하기 전에는 정말 내가 필요한 물건인가? 상품 후기는 어떤가? 평점 낮은 순으로 확인 했는가? 유튜버가 말하는 장단점은 무엇인가? 가격은 합리적인가?구매 후 어떻게 관리할 것 인가? 관리 할 때는 얼마나 수고가 들어가는가? 얼마나 사용할 수 있는가? A/S는 받기 쉬운가? 추후 당근으로 팔만한 가치가 있는 건가? 이런 질문들에 합리적인 대답을 못하면 구매를 안하게 된다.후.. 물건 사기 참 복잡하네. 2024. 7. 23.
[typescript] pnpm monorepo에서 paths 설정하기 코드아래의 설명만으로는 부족하다.https://github.com/insidedw/monorepo-pnpm-ts GitHub - insidedw/monorepo-pnpm-tsContribute to insidedw/monorepo-pnpm-ts development by creating an account on GitHub.github.com packages 구조project - apps - calculator - src - libs - shared - src root에 tsconfig.json 추가baseUrl 기준으로 path를 지정{ "compilerOptions": { "baseUrl": ".", "paths": { "@S_shared/*": ["libs.. 2024. 7. 15.
[react] ssr 프로젝트 만들기 (6) - stream으로 html 그리기, 추가 설명 https://github.com/insidedw/react-webpack5-ssr/commit/5319188111c0611aa64d04625ead88353616cf20 https://github.com/insidedw/react-webpack5-ssr/commit/27eb3afff0f9779fc5eccff4989aae8570a0c25d stream으로 렌더링 하면 2가지 큰 이점이 있는데,하나는 prefetch 응답을 기다리지 않고 fallback ui로 렌더링이 되어 유저에게 빠르게 페이지를 보여줄 수 있고나머지 하나는 selective hydration이 되어 보여지는 영역에 대해 hydration이 되어 User Interaction이 가능하다. 첫번째,  구현하는 방법은 위의 커밋과 5번째 포스.. 2024. 7. 13.
[web] Script error https://sentry.io/answers/script-error/ 읽고 가공한 글입니다. What is "Script Error"?Learn what causes the inscrutable JavaScript “Script error”sentry.ioScript error. origin이 다른 곳에서 javascript file를 읽는 도중 에러가 발생했을 때 onerror callback을 보내는데, 그때 callback이 `Script error.` 문구를 노출한다. (여기서 origin이라면 다른 도메인, 다른 포트, 다른 프로토콜을 의미한다) 예제 html  app.js// another-domain.com/app.jsfunction foo() { bar(); //.. 2024. 7. 12.
[react] ssr 프로젝트 만들기 (5) - stream으로 html 그리기 html 문서를 string으로 한번에 그렸더라면, 이번엔 stream으로 그려보자API응답이 항상 빠르고 메모리가 허락하는 한 stream보다 string이 훨씬 더 빠르다.단, API 응답이 늦어진다면 string으로 전달할 경우 API 응답을 기다린 후 그릴 수 있어서 최대한 빠르게 SSR를 주려면 stream이 더 나은 방식이다. stream으로 어떻게 구현했는지 알아보자. 정답부터 보고 싶으면 소스 코드를 확인하자https://github.com/insidedw/react-webpack5-ssr/commit/c2766bcad9bd58ed34842ce2333dd3da839685c7 integrate renderToPipeableStream · insidedw/react-webpack5-ssr@c2.. 2024. 7. 8.

티스토리툴바