IT193 [typescript] 함수타입(Function Type) 인자형 이게 왜 가능하지?processNumberAndString에서는 string을 받을 수도 있는데, number만 받는 wide에 넣었더니 문법 오류가 나지 않는것일까? function processNumber(x:number) {}function processNumberAndString(x:number | string) {}let wide: (x:number) => voidwide = processNumber // Works!wide = processNumberAndString // Works! when A ≤ B, A → X ≥ B → XA가 B의 subtype이고 반환형이 같을 때, B를 인자로 갖는 함수는 A를 인자로 갖는 함수의 서브타입 processNumberAndString에서 number 또.. 2024. 8. 14. [typescript] subtype 타입 = 집합 number type ≥ number literal type - number는 number literal의 슈퍼타입 - number literal은 number의 서브 타입 타입 호환성 - number - number literal const b:42 = 42const d:number = bconst e:number = 42const f: 42 = e //Type 'number' is not assignable to type '42'.(2322) 정리작은거는 큰거에 넣을 수 있고 큰거는 작은거에 못 넣는다. 2024. 8. 14. [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]여러 개의 커밋을 하나로 합친 후 병합하는 방법입니다. 이 방식은 특히 협업 과정에서 여러 사람이 같은 기능을 개발하거나 버그를 수정할 때 유용합니다. 커밋 히스토리 .. 2024. 8. 14. [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. 이전 1 2 3 4 5 6 7 8 ··· 33 다음
