Melting Face Emoji

notes

1st world problemamplifyanalyticsapp routerapplearchitectureasdfawsbookoabooksbrowsercallback refchromechrome devtoolsclojurescriptcolorcookiecsscutedeprecatedecmascriptelixireslintfirefoxflexboxflowfontformikgitgit strategygithubgithub cligoalsgoogle fontsgraphitehistoryhtmlimage optimizationiOSjavascriptlearningm1macosmdxmediameditationmental healthmetamindmsnerd fontsnext.jsnodenode-sassnpmnvimnvmoopopengraphpanda cssphoenixpreactpwareactreasonredirectsrefrescriptresponsiveRSCsadsafariserver actionssharpshellssrswifttailwindterminaltermstips and trickstriviatypescriptunicodevercelversion managervimvscodeWAI-ARIAwindowsxcodeyarnyarn2

2021. 3. 19.
isReactElement

const isReactElement = (element: ReactNode): element is ReactElement =>
  element !== null && typeof element === 'object' && 'props' in element;
const isReactElement = (element: ReactNode): element is ReactElement =>
  element !== null && typeof element === 'object' && 'props' in element;
typescriptreact

2021. 3. 9.
Patch broken node_module with yarn2

  1. yarn patch <module>
  2. fix the code inside the generated folder and save it.
  3. yarn patch-commit <generated_folder> > <patch_file_name>.diff
  4. fix package.json with "module": "patch:<module>@<version>#<path_to_patch_file>/<patch_file_name>.diff"
  5. yarn install
yarn2

2021. 1. 21.
as const

https://www.typescriptlang.org/play?#code/C4TwDgpgBA4gThCwA8A5KEAewIDsAmAzlIcHAJa4DmAfFALxQAGAFhADbsD2UAJAN6oAvkwBQ48fggBjdgEMEUAGYBXXNODkuuKG05cAjGgzY8REmUq0AFLjkBbCAC4oqAJQv4iFKhrj2SFBUCEgAstCMetwG1gDkjrFuUAD0yVAAShBKEAjq0ACicHBccAA0UIAftYA37YAZDbpcAG45UIA7Q4ALo1AARFE8jp1QgD6dUIAvPYA3o4Awk+LS2oRcAQB03FTWwd7hSakZWTl40gVFJRLiquqa2roc3ABMxlg4BMSkFNTlACoMFs82do4u7p4hHx0fiiKBgqAIYAqOA6ViXHgCH4QEQpNKvcDQWJPKyxKDkYi4LjAKByQiEchUOwAIwCUGAPFAkCgsTh+j4ghEsVEQiOohOGi0Oh6AGZbqYHp8rG8PtjqDRbA5nK4PLBAWhgaDwZDobCeuykSjSVBprhSNz-IFVkgAJpcFQfEVxEB2xKoqAAeQA1lMZnMIIsuMsrcBbSoNmlYnrnSouUA

typescript

2021. 1. 11.
type predicate

interface Article {
   title: string;
   body: string;
}

function isArticle(body: unknown): body is Article {
  let b = body as Article;
  return !!b && typeof b.body === 'string' && typeof b.title === 'string';
}
interface Article {
   title: string;
   body: string;
}

function isArticle(body: unknown): body is Article {
  let b = body as Article;
  return !!b && typeof b.body === 'string' && typeof b.title === 'string';
}
typescript
12345678910111213