notes

2020. 10. 14.
Formik's "`setFieldValue`" returns Promise

but formik's official type def's wrong

wtf

Ref

https://github.com/formium/formik/issues/2059#issuecomment-700681150

typescript react formik

Ref

https://stackoverflow.com/a/6949190

css

2020. 10. 8.
conditional spread

const cond = false;
const arr = [
  ...(cond ? ['a'] : []),
  'b',
];
    // ['b']

const cond = false;
const arr = [
  ...(cond ? ['a'] : []),
  'b',
];
    // ['b']

https://2ality.com/2017/04/conditional-literal-entries.html

javascript

2020. 9. 22.
mobile safari font size issue

-webkit-text-size-adjust: none;

-webkit-text-size-adjust: none;

safari

2020. 9. 22.
list all remote branches

git branch -a

git branch -a

git

2020. 9. 17.
node-sass: "Incompatible units"

max(50% - 2px) // sass Error: Incompatible units '%' and 'px'

max(50% - 2px) // sass Error: Incompatible units '%' and 'px'

calc(max(50% - 2px)) // okay

calc(max(50% - 2px)) // okay

node-sass

2020. 9. 15.
alt=""

https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/text-alternatives-for-images

To summarize, all images should have an alt attribute, but they need not all have text. Important images should have descriptive alt text that succinctly describes what the image is, while decorative images should have empty alt attributes — that is, alt="".

html WAI-ARIA

2020. 9. 11.
div border-collapse hack

box-shadow:
    <border-width> 0 0 0 <border-color>,
    0 <border-width> 0 0 <border-color>,
    <border-width> <border-width> 0 0 <border-color>,
    <border-width> 0 0 0 <border-color> inset,
    0 <border-width> 0 0 <border-color> inset;

box-shadow:
    <border-width> 0 0 0 <border-color>,
    0 <border-width> 0 0 <border-color>,
    <border-width> <border-width> 0 0 <border-color>,
    <border-width> 0 0 0 <border-color> inset,
    0 <border-width> 0 0 <border-color> inset;